Marca y prensa
El kit de marca de Clauhub.
Logos, colores y tipografía para mostrar a Clauhub como es. Copia de aquí: no redibujes el logo ni elijas un color a ojo.
Logo
En color, negativo, negro y blanco. En web, siempre SVG; en Word o PowerPoint, PNG.
Cómo usarlo
- 01En fondo claro, el logo a color. En fondo oscuro, el negativo.
- 02En espacios pequeños, como un avatar o un ícono, el símbolo.
- 03En web, siempre SVG. En Word o PowerPoint, PNG. En impresión, SVG con los valores CMYK y una prueba de color.
- 04No redibujes el logo ni lo escribas con la tipografía: usa estos archivos.
- 05El logo de Clauhub nunca toma el color de una aplicación.
- 06El logo dice siempre «clauhub», en minúsculas. En texto se escribe Clauhub, con mayúscula inicial; nunca «ClauHub», «Clau Hub» ni «CLAUHUB».
Los Bloquis
Los personajes de Clauhub: cubos con los cuadros del símbolo. El rojo, del color de la marca, es el líder; cada uno de los demás lleva el color de su app y será el rostro de su agente experto.
- Siempre con cara feliz; la cara «-.-» es solo para el gesto de «¿en serio?».
- Cada Bloqui con el color de su app, nunca dentro de otra app.
- El rojo va al centro cuando salen juntos.
- En 3D de plastilina, sobre fondo hueso, sin texto ni logos dentro de la imagen.
Aplicaciones
Cada aplicación usa el mismo símbolo y cambia solo el cuadro central. Su color vive en ese cuadro y dentro de la aplicación.
Clauhub Fiscal
- Sobre claro
- #2F55D4
- Sobre oscuro
- #4C70EE
Clauhub Contabilidad
- Sobre claro
- #13805C
- Sobre oscuro
- #1FA577
Clauhub Reservas
- Sobre claro
- #6E3FA3
- Sobre oscuro
- #9466D1
Clauhub Punto de venta
- Sobre claro
- #0B7285
- Sobre oscuro
- #22A2B8
Clauhub Gimnasios
- Sobre claro
- #A3307A
- Sobre oscuro
- #D461A8
Clauhub Finanzas
- Sobre claro
- #9A6200
- Sobre oscuro
- #D99A1E
Clauhub Channels
- Sobre claro
- #B8480F
- Sobre oscuro
- #EE7A3A
Color
Cerca de 70% neutros (Bone, Paper, Mist), 25% Ink y 5% Oxblood: un solo acento y mucho espacio.
- Ink
- HEX
- #0E1013
- RGB
- 14, 16, 19
- CMYK
- 26/16/0/93
- CSS
- --clau-ink
Logo, texto principal y fondos oscuros
- Bone
- HEX
- #F4F1EA
- RGB
- 244, 241, 234
- CMYK
- 0/1/4/4
- CSS
- --clau-bone
Fondo de página. Cálido; nunca blanco puro
- Oxblood
- HEX
- #8C1D2F
- RGB
- 140, 29, 47
- CMYK
- 0/79/66/45
- CSS
- --clau-oxblood
Color de firma: cuadro central, botón principal, palabra clave
- Paper
- HEX
- #FBFAF7
- RGB
- 251, 250, 247
- CMYK
- 0/0/2/2
- CSS
- --clau-paper
Superficies: tarjetas, tablas y paneles
- Mist
- HEX
- #D9D5CC
- RGB
- 217, 213, 204
- CMYK
- 0/2/6/15
- CSS
- --clau-mist
Líneas, bordes y divisores
- Slate
- HEX
- #5B616B
- RGB
- 91, 97, 107
- CMYK
- 15/9/0/58
- CSS
- --clau-slate
Texto secundario y etiquetas
- Graphite
- HEX
- #2A2E35
- RGB
- 42, 46, 53
- CMYK
- 21/13/0/79
- CSS
- --clau-graphite
Texto de cuerpo
- Oxblood deep
- HEX
- #6E1424
- RGB
- 110, 20, 36
- CMYK
- 0/82/67/57
- CSS
- --clau-oxblood-deep
Enlaces y texto de acento sobre fondos claros
- Oxblood light
- HEX
- #E0687B
- RGB
- 224, 104, 123
- CMYK
- 0/54/45/12
- CSS
- --clau-oxblood-light
Cuadro central y enlaces sobre fondos oscuros
Los valores CMYK son conversiones automáticas: pide una prueba de color a la imprenta antes de imprimir. Sobre fondos oscuros usa Oxblood light, no Oxblood.
Tipografía
Geist y Geist Mono, de código abierto bajo la SIL Open Font License, para web, impresión y apps.
Todo lo del SAT, en un solo lugar.
Geist
Titulares, interfaz y texto
400 texto · 500 énfasis · 600 títulos
- Sin serifas y sin cursivas. La palabra clave de un titular va en Oxblood, con el mismo peso.
- Los montos siempre con dígitos de ancho fijo.
¿Prensa o un uso que no está aquí?
Escríbenos y te ayudamos.