Criterio · Brandbook · 2026-10-13 · landing · versiones · brandbook anterior
Tu criterio, junto.
La marca es un personaje tranquilo sobre un fondo que se calla: papel, tinta y una sola cosa cálida por pantalla. Esta página sigue el sistema de diseño de Criterio y añade la mascota nueva, el cyberbunny.
01 · Logo
El conejo y el nombre.
Tino en plano, con sus orejas cortas, junto a «criterio» en la tipografía de los titulares. La línea base cae en la barriga del conejo. Sola, la marca aguanta hasta 16 px; el favicon es solo el conejo, sin cuadro.
La palabra
Sobre papel: conejo y nombre en tinta.
Sobre el tablero del producto: en claro.
Sobre ascua: todo en tinta.
Tamaños de la marca plana
Icono de app
Asomando desde el borde inferior.
02 · Color
Papel, tinta y una sola cosa cálida.
Dos fondos: papel para marketing, tablero para el producto. El ascua es la acción principal y nada más; la mantequilla es la voz de la mascota.
03 · Tipografía
Un titular apretado y un texto que calla.
En prueba (v42): Mersad 600 para titulares, con interletrado de −5 %; el botón de arriba vuelve a Switzer 600 para comparar. Archivo para todo lo demás. Switzer es de Fontshare, gratuita también para uso comercial. El resto de candidatas está en titulares a prueba.
Mersad 600 · −5 % (prueba)
Tus referencias, hechas un sistema
Archivo 400 · 500 · 600
Guárdalas, decididlas en equipo y sacad de ellas el sistema del proyecto.
04 · Mascota
Dos orejas, un visor. El material, a gusto.
El cyberbunny: un cuerpo macizo, dos orejas y un visor rehundido en la cara. Solo mueve las orejas y el visor, así cada gesto se lee igual a tamaño de icono. La forma no cambia; el material y el color sí. Lo que elijas aquí se queda guardado en este navegador y la landing lo usa.
Pásale el cursor: se le mueve el pelo
Material
Color
Fondo
Estado
Ángulo
El flocado es el de referencia. Los demás son propuestas para probar: no hay ninguno aprobado todavía.
05 · Componentes
Un guiño al año 2000, nunca un disfraz.
Controles gruesos con borde de tinta de 1,5 px y bisel. La mascota habla en bocadillos de mantequilla. El progreso va en bloques.
Una sola acción principal por pantalla. Empiezan por un verbo.
Vota cada una. No se mueve hasta que vota todo el equipo.
Siempre pegado a la mascota, con la cola hacia ella. Uno cada vez.
Con la mascota pensando y un texto que diga qué pasa: «14 de 23 referencias».
06 · Voz
Frases cortas. La mascota habla poco.
- El producto habla de tú. La mascota habla en primera persona y con pocas palabras.
- La mascota solo se refiere a lo que ya guardaste. No inventa gusto, no halaga, no insiste.
- Mayúscula solo al principio. Los botones empiezan por un verbo.
- Sin emojis. Las únicas ilustraciones son la mascota y las referencias de la gente.
07 · Estado
Qué está decidido y qué no.
- Decidido: sistema de diseño (color, tipo, componentes) y la mascota como cyberbunny de flocado naranja.
- Por confirmar: que el conejo sustituye a la criatura de tres ojos del sistema, el naranja exacto del flocado y su nombre.
- Propuesta: los materiales alternativos (plástico, irisado, perla, cromo, cristal, arcilla).
- Anterior: el paquete con logo de píxeles y el robot T-NO siguen en el brandbook anterior, robot.html y dentro.html.