dressup
Discover your style with dressup.
The interactive brand guidelines.
The digital destination for fashion.
Brand Attributes
Cada interacción en dressup busca celebrar la expresión personal. Combinamos inteligencia artificial con curaduría humana para que cada outfit cuente una historia.
Brand Promise
“The ultimate destination for digital fashion and inspiration.”
Una marca, dos piezas.
Isotipo
Aplicación principal en superficie glass. Tamaño mínimo digital: 48×48 px.
Wordmark
“dressup” en charcoal #2E2E33. Tamaño mínimo digital: 24 px de alto.
Área de respeto
xxxxClearspace = altura de la letra “d” en los 4 lados.
Usos incorrectos
Una paleta luminosa y pastel.
Cinco primarios vibrantes equilibrados con neutros cálidos. Los colores se usan como acento; los neutros sostienen la interfaz.
Primarios
Coral
#FF7F50- RGB
- 255, 127, 80
- CMYK
- 0, 50, 69, 0
- Pantone
- 170 C
Fuchsia
#FF1493- RGB
- 255, 20, 147
- CMYK
- 0, 92, 42, 0
- Pantone
- Rhodamine Red C
Violet
#EE82EE- RGB
- 238, 130, 238
- CMYK
- 0, 45, 0, 7
- Pantone
- 251 C
Sky
#87CEEE- RGB
- 135, 206, 238
- CMYK
- 43, 13, 0, 7
- Pantone
- 297 C
Turquoise
#40E0D0- RGB
- 64, 224, 208
- CMYK
- 71, 0, 7, 12
- Pantone
- 333 C
Neutros
Ink
#2E2E33- RGB
- 46, 46, 51
- CMYK
- 0, 0, 0, 82
Canvas
#F5F3F0- RGB
- 245, 243, 240
- CMYK
- 0, 1, 2, 4
Lavender
#E4D9EE- RGB
- 228, 217, 238
- CMYK
- 4, 9, 0, 7
Gradiente firma
El alma cromática de dressup.
background: linear-gradient(135deg, #FF7F50 0%, #FF1493 28%, #EE82EE 52%, #87CEEE 78%, #40E0D0 100%);Warm
linear-gradient(135deg, #FF7F50, #EE82EE)Cool
linear-gradient(135deg, #87CEEE, #40E0D0)Dreamy
linear-gradient(135deg, #EE82EE, #87CEEE)Proporción de uso
Los neutros dominan la interfaz. El color es acento.
Accesibilidad
Los colores brillantes NO se usan como texto pequeño sobre blanco. Reservalos para acentos, fondos y elementos gráficos grandes.
Quicksand & Poppins.
Quicksand para titulares: curvas amigables y carácter display. Poppins para cuerpo y UI: clara, legible, neutral.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 & ! ? @ # %
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 & ! ? @ # %
Escala jerárquica
Pesos · Poppins
Ejemplo aplicado
Discover your style with dressup.
The ultimate destination for digital fashion and inspiration.
Browse thousands of curated looks, create unique outfits, follow trends and connect with other fashion enthusiasts.
Glass, gradiente y mucho aire.
Los componentes comparten una receta: superficie glass, esquinas generosas y acento gradiente solo donde importa.
Glass surface
Buttons
· Radius 16px · Padding 24/12 · Estado hover: scale 1.03 + shadow soft.
Chips & filters
Bottom navigation
Soñada, pastel, aireada.
La fotografía y los moodboards refuerzan los atributos de marca: alegría, ensueño y elegancia juvenil.
Joyful Energy
Dreamy Mood
Playful Details
Artful Layering
Youthful Elegance
Texture & Light
Guía de estilo fotográfico
- Luz suave y difusa, evitando sombras duras.
- Paleta pastel y color-blocking sutil.
- Fondos limpios, mucho aire, sensación aireada.
- Sensación soñada, casi cinematográfica.
- Modelos jóvenes con actitud relajada y alegre.
- Composición centrada o regla de tercios, nunca caóticas.
Como una amiga con buen gusto.
Cercana, alentadora, con estilo. Sin ser snob. dressup te habla como te hablaría tu mejor amiga antes de salir.
AI Stylist · Sample chat
Do
- · Frases cortas y cálidas.
- · Primera persona, conversacional.
- · Un emoji ocasional para alegrar.
- · Lenguaje inclusivo y positivo.
Don't
- · Jerga técnica o robótica.
- · Tono frío o corporativo.
- · Mayúsculas gritando.
- · Frases largas o pretenciosas.