Kit de marca
La marca de Talaya, cómo se construye y cómo se usa. Todo lo que hay aquí se puede descargar.
La idea
Una atalaya que mira contigo.
Talaya viene de atalaya: las torres vigía que durante siglos miraron el horizonte de la costa mediterránea y avisaban con luz de lo que venía. Es lo que hace ella: mira contigo, se adelanta y te avisa.
La marca es un anillo, que es a la vez la lente y el horizonte, con el faro encima y la estela de lo que acaba de barrer. En la app está viva: respira en espera, tiembla con tu voz cuando escucha y lanza ondas cuando habla.
Producto y asistente son dos nombres. La app se llama Talaya. La asistente se llama como quiera cada persona, y por defecto, Talaya.
Construcción
Medidas exactas.
Todo sale del lado del cuadrado. Son las mismas proporciones con las que la pintan la app, el reloj y la pantalla bloqueada.
- AnilloRadio 0,37 del lado. Grosor 0,085. Ámbar al 28 %.
- FaroA 50° sobre la horizontal, arriba a la derecha.
- Estela140° detrás del faro. Sube de nada al 55 % en los primeros 79° y llega entera al faro.
- Halo2,6 veces el grosor, en oro al 55 % que se apaga hacia fuera.
- Punto0,95 veces el grosor, en oro.
- AireDeja libre, como mínimo, el margen que trae el propio cuadrado.
- Tamaño mínimo16 px. Por debajo de 24 px, mejor el icono.
El icono
El anochecer, en un cuadrado.
El mismo anillo con estela de fuego y el resplandor de un horizonte al anochecer. Se dibuja por código a 1024 px, sin transparencia, con sus versiones oscura y tintada para iOS.
Color
La noche y la luz.
Un fondo casi negro y cálido, y el ámbar de la atalaya como única luz de marca. La menta queda para lo que pasa ahora mismo.
#08080AEl fondo de todo.#121215Tarjetas y superficies macizas.#FFA24ALa marca y las acciones.#FF5F3AEl final caliente del fuego.#FFD08AEl brillo del faro.oro, ámbar, brasaEl degradado de la marca y del botón principal.#59F2BFSolo lo que pasa ahora: la escucha en directo. Nunca de adorno.#F5F1ECTexto principal, un blanco cálido.#BDB8B0Texto normal.#8B867ETexto secundario. Es el mínimo con contraste AA.Tipografía
Geist y Geist Mono.
Jerarquía por peso y contraste, no por color ni por tamaño. Licencia SIL Open Font License 1.1.
Geist · textos
Vela por ti.
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz ¿¡ áéíóú ü 0123456789
Geist Mono · rótulos y cifras
17:40
EN DIRECTO · ESCUCHANDO · 120 M · 0123456789
- Titular30, semibold, tracking -0,6
- Cuerpo16, regular
- RótuloMono 11, mayúsculas, tracking 1,5
Las fuentes originales están en el repositorio de Geist. Aviso de licencia: OFL.txt.
Lema y voz
Vigilar desde lo alto. Cuidar de alguien.
Las dos frases dicen las dos cosas a la vez.
Castellano
Vela por ti.
Inglés
Looks out for you.
- Tono
Calma, precisa, cálida. Frases cortas.
- Nunca
Nada infantil. Sin emojis. Sin la raya larga ni el guion medio: punto, dos puntos, coma o paréntesis.
Uso
Así sí. Así no.
Descargas
Todo, en un sitio.
| Fichero | Qué es |
|---|---|
| talaya-marca.svg | La marca en color, para fondos oscuros |
| talaya-logo.svg | Marca y nombre, en color |
| talaya-marca-tinta.svg | La marca en una tinta clara |
| talaya-logo-tinta.svg | Marca y nombre en tinta clara |
| talaya-marca-noche.svg | La marca en color noche, para fondos claros |
| talaya-logo-noche.svg | Marca y nombre en color noche |
| talaya-icono.png | El icono de la app, 1024 px |
| talaya-icono-tintado.png | El icono tintado, 1024 px |