Brand Style by DifferentGrowth
1. The logo
El logotipo muestra el texto "Different Growth" en una tipografía sans-serif en negrita. El diseño tiene un toque estilizado y único, donde partes de las letras están ligeramente fragmentadas o parecen "cortadas" a lo largo de las líneas verticales. Este efecto añade una sensación de modernidad y creatividad, sugiriendo temas de cambio, progreso o crecimiento no convencional.
El texto es negro con un fondo transparente, lo que le da un aspecto versátil adecuado para varios fondos y contextos.
La tipografía es fuerte y minimalista, alineándose bien con la estética del diseño digital contemporáneo.
Logo posibilities
Full logo presentation
Esta es nuestra presentación más formal.
Responsive logo
El logotipo adaptable debe usarse donde no haya suficiente espacio para leer correctamente el nombre de la empresa. Por ejemplo, en menús de sitios web móviles e imágenes de perfil en redes sociales.
Vertical presentation
Este formato funciona bien donde el logo o símbolo no puede usarse fácilmente.
2. Typography
Typeface: Geist
Geist encarna nuestros principios de diseño de simplicidad, minimalismo y velocidad, inspirándose en el reconocido movimiento de diseño suizo.
Con precisión, claridad y funcionalidad en su esencia, Geist mejora la experiencia visual.
Geist Extrabold
Geist Semibold
Geist Medium
Geist Regular
Geist Light
Geist Thin
Geist Mono Regular
Geist Mono Light
Type Options
Headline example
- Weight:
- Extrabold
- Size:
- 36pt
- Leading:
- 40pt
- Tracking:
- -0.025
Subheading example
- Weight:
- Semibold
- Size:
- 30pt
- Leading:
- 36pt
- Tracking:
- -0.025
Always underlined
Smaller headings example
- Weight:
- Bold
- Size:
- 24pt
- Leading:
- 32pt
- Tracking:
- -0.025
Smallest heading example
- Weight:
- Medium
- Size:
- 20pt
- Leading:
- 28pt
- Tracking:
- -0.025
an all cap option example
- Weight:
- Light
- Size:
- 14pt
- Leading:
- 20pt
- Tracking:
- 0
Monostyled and uppercase
Body text
- Weight:
- Regular
- Size:
- 16pt
- Leading:
- 28pt
- Tracking:
- 0
3. Iconography
Phosphor Icons
En Different Growth utilizamos el set de iconos @phosphor-icons para asegurar una iconografía coherente y moderna. Estos íconos son lineales, con un estilo minimalista y adaptable a diferentes tamaños y contextos.
Estilo de Íconos
El estilo de nuestros íconos es lineal y minimalista, en consonancia con nuestra identidad de marca y enfoque en el diseño limpio y funcional.
La iconografía es una parte esencial de nuestra identidad visual, ayudándonos a comunicar de forma clara y consistente en todos los puntos de contacto con el usuario.
Tamaños y Margen
- Tamaño Pequeño:
- 16px con un margen de 6px.
- Tamaño Grande:
- 24px con un margen de 12px.
- Tamaño Muy Grande:
- 48px.
Recomendamos utilizar el tamaño pequeño para detalles en menús y el tamaño grande para secciones destacadas o pantallas de mayor tamaño.
Colores
Los íconos deben seguir la paleta de colores de la marca. En modo oscuro y claro, asegúrate de utilizar los colores que garanticen suficiente contraste para una visibilidad óptima.
4. Shapes
En Different Growth, todos los elementos están diseñados para mantener una apariencia moderna y amigable, alineada con nuestra identidad visual.
Elementos pequeños: 2px
Elementos medianos: 8px
Elementos grandes: 12px
Imágenes: 10px
Identación: radio + espaciado
5. Color
Los colores principales de Different Growth consisten en una gama de blanco y negro, con un tono específico de negro llamado "stone". Esta paleta monocromática permite un diseño elegante y minimalista, alineado con nuestra identidad visual.
Además de los colores principales, utilizamos cuatro colores adicionales para comunicar distintos estados en la interfaz de usuario.
Estos colores de estado aseguran que los usuarios puedan entender visualmente el estado de la interacción y ayudan a mejorar la usabilidad de nuestras interfaces.