Kit de marca · versión 1.0
Hagamos que cada detalle diga doscientos.
Recursos y principios para partners, prensa y personas que construyen con nosotros.
Logotipo reconocible a primera vista
Utiliza siempre los archivos originales. No redibujes, deformes ni combines el isotipo con otros símbolos.
En fondos oscuros, utiliza la versión blanca. Conserva espacio libre alrededor del logo equivalente a la altura del isotipo.
Color intención antes que decoración
La paleta aporta contraste y jerarquía. El verde concentra atención; los neutros sostienen la lectura.
primary
#2a4227 Verde oscuro corporativo. Color principal de la marca.
primary-foreground
#ffffff Texto blanco sobre fondo primary.
accent
#bdff7b Accent de marca (lime). Usar en badges, highlights, CTAs secundarios.
accent-foreground
#1a2e18 Texto sobre accent. Oscuro para contraste con el lime.
background
#fafafa Fondo base de la app (blanco roto).
foreground
#171717 Color de texto principal.
destructive
#ef4444 Error / destructivo
success
#16a34a Éxito
warning
#ca8a04 Advertencia
info
#2563eb Informativo
Tipografía clara, humana y directa
Onest es nuestra voz tipográfica. La usamos con peso y espacio: titulares contundentes, cuerpo cómodo y jerarquía visible.
font-sans
Sistemas claros. Progreso real.
Onest, ui-sans-serif, system-ui, sans-serif
Sí: simple y con propósito
Prioriza claridad, contraste, espacio y mensajes que expliquen una decisión concreta.
No: ruido ni promesas vacías
Evita degradados arbitrarios, tecnicismos sin contexto, efectos que dificulten leer o afirmaciones que no podamos demostrar.
Cómo sonamos cuando las palabras también diseñan
Estos principios ayudan a escribir y revisar cualquier pieza de comunicación de doscientos.
Guía
Voz y tono
Claro, cercano y con criterio técnico.
Hablamos con claridad y sin adornos. Explicamos qué hacemos, por qué importa y cuál es el siguiente paso.
Usamos lenguaje directo, frases concretas y ejemplos reales. La tecnología es el medio, no el protagonista.
Evitamos promesas absolutas, jerga vacía y tecnicismos que no ayudan a decidir.
Guía
Aplicación
Una identidad consistente en cada punto de contacto.
El verde doscientos se reserva para decisiones, acciones y elementos con intención. El espacio y el contraste hacen el resto.
Priorizamos composiciones sobrias, legibles y útiles. Antes de añadir un elemento visual, comprobamos que ayude a entender, decidir o avanzar.
¿Un uso especial?
Hablemos antes de publicar.
Para campañas, colaboraciones, prensa o un formato que no aparezca aquí, escríbenos y lo revisamos contigo.