Kit de marca
La marca, el lockup, la paleta y las reglas. Todo lo que está acá corre en vivo en la página de la que venís.
La marca
Tres círculos que se completan en secuencia: un boceto punteado, un contorno, un sólido. Es la misma progresión que describe el producto, así que la marca puede animarse cuando un sistema completa un trabajo. Nunca más rápido de lo que se puede leer.
La palabra
Así se abre el lockup en el sitio. Empieza en wup, los mismos tres pulsos que la marca. Después la palabra se abre, letra por letra, hasta wakeup. Clickeá abajo para repetir.
Lockup
Marca y wordmark, siempre con el espacio que se ve abajo. El wordmark va sin el subíndice "labs".
16px20px28pxPaleta
Clickeá cualquier muestra para copiar el hex.
Tipografía
Inter para todo lo que lee una persona. Una monoespaciada para labels, estados, valores y todo lo que produjo un sistema.
Reglas
- 01Nunca poner la marca sobre fondo claro sin chequear contraste antes.
- 02Nunca recolorear los tres círculos fuera de la paleta de esta página.
- 03Nunca estirar el lockup. Se escala, y el espacio escala con él.
- 04Nunca animar la marca por debajo de 14px. Ahí abajo se lee como ruido.