Manual de marca UnderCodes
Manual de marca · Guía de identidad visual
Una historia bajo cada línea de código
A story under every line of code
Logo
Deja x libre en todos los lados. x = altura de la D.
Versiones
- #C31D1D / #27292B
-
#C31D1D → #27292B - #27292B
-
#27292B → #C31D1D - #F94A28
-
#27292B → #9B9B9B
- #C31D1D
-
#C31D1D → #27292B - #FFFFFF
-
#C31D1D → #93BC00 - #F73434
-
#9B9B9B → #FFFFFF
Sí
- Cualquier color funcional
No
Reducciones
- 64 px
- 32 px
- 16 px
Color
El rojo manda. Todo lo demás lo acompaña.
-
Primaria
-
-
Secundaria
-
-
-
-
-
-
-
Tipografía
undercodes
undercodes
Red Hat Display
Tipografía corporativa: títulos y display
a b c d e f g h i j k l m n o p q r s t u v w x y z
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
0 1 2 3 4 5 6 7 8 9
! $ % . -
Source Code Pro
Tipografía general: texto, etiquetas y código
a b c d e f g h i j k l m n o p q r s t u v w x y z
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
0 1 2 3 4 5 6 7 8 9
! $ % . -
Una historia bajo cada línea de código
Una historia bajo cada línea de código
El ícono
La cabeza de la serpiente, para espacios pequeños.
Texturas y patrones
Las texturas simulan superficies físicas: grano de papel, tejido, rayones de metal. Los patrones repiten un motivo. Ambos aportan profundidad, tacto y consistencia.
Material extra
Aplicaciones
-
Tarjeta de presentación: cartulina oscura, serpiente roja, QR al sitio -
Hoja membretada: piel de serpiente al borde, cuerpo en Source Code -
Facturación: cotizaciones con títulos en rojo corporativo -
Redes sociales: publicaciones sobre carbón #27292B con acentos rojos -
Teléfonos: fondos de pantalla en claro y oscuro -
Full Blue: la alternativa en azul, #005EBC -
Pines: en rojo, y verde #93BC00 sobre negro -
Botellas: la figura encapuchada y la serpiente de escamas -
Ícono de app: el ícono alternativo de cabeza de serpiente
Llévate la marca
Logos en vector y la paleta completa, listos para tu próxima pieza.
- Logo · rojo (SVG)
- Logo · carbón (SVG)
- Logo · blanco (SVG)
- Logo · rojo mono (SVG)
- Paleta de color (CSS)
Una historia bajo cada línea de código.