Quién es la marca, cómo habla y cómo se ve. Todo lo que sale de aquí manda sobre la app, la tienda, los correos y lo impreso.
La marca es un compañero de seguimiento, no una app médica ni un contador de calorías.
El tono es el mismo en la app, en la tienda, en los correos y en las redes.
Es una P que guarda una gota, con un punto coral. Existe en versión horizontal, vertical y solo el símbolo. El nombre va dibujado: nunca se vuelve a escribir con el teclado.
Dos colores de marca y una base tranquila. El verde manda; el coral se usa poco y a propósito.
#00C896El color principal. Botones de acción, enlaces, todo lo que el usuario debe tocar.#FF7A59El acento. Se usa poco y a propósito: destacar un dato, un logro, un detalle.#0F172AEl texto principal y el fondo oscuro de las piezas impresas.#FAFAF9El fondo de la app en modo claro.#FFFFFFLas tarjetas y superficies que van encima del fondo.#78716BTextos secundarios, ayudas, pies de foto.#E7E5E2Bordes y separadores.#16140FEl lienzo del modo oscuro. Es cálido, no azulado.#201E18Las tarjetas sobre el fondo oscuro.#F6F3ECEl texto en oscuro. Nunca blanco puro: cansa la vista.#00A37DConfirmaciones y cosas que salieron bien.#F59E0BAvisos que no bloquean.#DC2626Errores y acciones que borran algo.#2563EBDatos neutros y ayudas.Dos tipografías, y solo dos. Sora para los títulos, Inter para todo lo demás.
| Título grande | Cada dato cuenta | Sora 700 · 48 px |
| Título | Cada dato cuenta | Sora 700 · 30 px |
| Subtítulo | Cada dato cuenta | Sora 600 · 24 px |
| Destacado | Cada dato cuenta | Inter 600 · 18 px |
| Texto | Cada dato cuenta | Inter 400 · 16 px |
| Apoyo | Cada dato cuenta | Inter 400 · 14 px |
| Etiqueta | Cada dato cuenta | Inter 500 · 12 px |
Las esquinas redondeadas y el aire son parte de la marca: hacen que la app se sienta amable.
Doce iconos propios, dibujados en la misma rejilla y con el mismo grosor de trazo. Cuando falte uno, se dibuja con estas reglas, no se toma de otra parte.
Tres piezas dan el ambiente de la marca. Se usan de fondo, nunca compitiendo con el contenido.
La app se mueve poco y rápido. El movimiento explica algo; nunca decora.
Los ocho moldes de la marca. Todo lo que se imprime o se fotografía sale de aquí.
El diseño definitivo todavía no está elegido. Estas son las diez propuestas, completas y en el orden de la hoja. Haz clic en cualquiera para verla en grande.
Falta cerrar esta sección. Cuando se elija la etiqueta ganadora, aquí van sus medidas exactas, el material, el acabado y las zonas fijas de cada envase. Hasta entonces no se manda a imprimir nada.
Cinco piezas con la marca ya aplicada. Se cambian los textos y quedan listas; la estructura no se toca.
Antes de publicar cualquier pantalla, correo o pieza impresa, se pasa esta lista. Si algo falla, se corrige la pieza, no el manual.