Visual Identity System · Yori.mx
Yori Visual Identity Explorer
Explora paletas de color y tipografías en tiempo real. Click en cualquier opción para actualizar todos los mockups.
INTERACTIVE DRAFT
01 — Color
15 Paletas en 3 Grupos — Click para Previsualizar
Cada selección actualiza todos los mockups de abajo en tiempo real.
02 — Tipografía
15 Tipografías en 3 Paths — Click para Previsualizar
Todas sans-serif. Selecciona una para actualizar todos los mockups.
Display
Del Japón. Para ti.
Display weight
Body
Lo que disfrutas hoy, tu piel te lo reconoce mañana.
Body weight
03 — Website Preview
Hero Section — Light
Del Japón. Para ti.
La primera protección solar que tienes ganas de usar.
Filtros japoneses. Gel que desaparece en tu piel. SPF 50+ PA++++.
☀️
SPF 50+ PA++++
Protección japonesa
💧
Gel invisible
Textura sin rastro
🌿
Clean formula
Dermatologist tested
Botones
Badges
Nuevo
SPF 50+
PA++++
Gel
Japan
04 — Website Preview
Lo que disfrutas hoy,
Hero Section — Dark
Del Japón. Para ti.
Lo que disfrutas hoy,
tu piel te lo reconoce mañana.
Japan Grade UV Protection · SPF 50+ PA++++ · Invisible Gel Formula
☀️
SPF 50+ PA++++
Protección japonesa
💧
Gel invisible
Textura sin rastro
🌿
Clean formula
Dermatologist tested
05 — Packaging
Aplicación en el Tubo
Colores aplicados al producto físico — cuerpo del tubo y tapa.
Yori
UV AQUA
SPF 50+ PA++++
Cuerpo — Marfil
Tapa — Moca · Acento Dorado
Yori.
JAPAN
Tapa — Moca
Texto Marfil · Logo Dorado
Render del tubo real
con la paleta aplicada
06 — Footer
Site Footer — Dark
07 — Token Reference
CSS Variables — Combinación Actual
| Vista | Token | Hex | RGB | Uso |
|---|