Manual de marca

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.

Versión 2.0 · agosto 2026
1

Quién es PeptiBuddy

La marca es un compañero de seguimiento, no una app médica ni un contador de calorías.

La promesa: te ayudamos a entender lo que tu cuerpo está haciendo, sin volverte un Excel andante.

Los cinco rasgos

Lo que nunca prometemos

No prometemos resultados de salud, no damos consejo médico y no reemplazamos a un profesional. Sí ayudamos a registrar y a ver patrones.
2

Cómo habla

El tono es el mismo en la app, en la tienda, en los correos y en las redes.

Así sí
Así no
Hola, Gustavo. Vamos a tener un buen día.
Bienvenido a la aplicación.
Listo. Tu peso quedó registrado.
Operación exitosa.
No pudimos guardar. Intenta de nuevo.
Error 500.
Vas a eliminar este registro. No se puede deshacer.
¿Está seguro?
Faltan algunos datos.
Por favor complete el formulario.
7 días seguidos. Vas bien.
¡¡Felicidades campeón!! 🔥🚀💪

Las palabras que usamos

Reglas fijas

4

Color

Dos colores de marca y una base tranquila. El verde manda; el coral se usa poco y a propósito.

Los dos colores de la marca

Verde menta#00C896El color principal. Botones de acción, enlaces, todo lo que el usuario debe tocar.
Coral#FF7A59El acento. Se usa poco y a propósito: destacar un dato, un logro, un detalle.

La base

Tinta#0F172AEl texto principal y el fondo oscuro de las piezas impresas.
Papel#FAFAF9El fondo de la app en modo claro.
Blanco#FFFFFFLas tarjetas y superficies que van encima del fondo.
Gris de apoyo#78716BTextos secundarios, ayudas, pies de foto.
Línea#E7E5E2Bordes y separadores.

Modo oscuro

Fondo oscuro#16140FEl lienzo del modo oscuro. Es cálido, no azulado.
Superficie oscura#201E18Las tarjetas sobre el fondo oscuro.
Texto claro#F6F3ECEl texto en oscuro. Nunca blanco puro: cansa la vista.

Avisos

Bien#00A37DConfirmaciones y cosas que salieron bien.
Atención#F59E0BAvisos que no bloquean.
Error#DC2626Errores y acciones que borran algo.
Información#2563EBDatos neutros y ayudas.

La proporción

Fondo 62 % Texto 22 % Menta 12 % 4 %
El verde no se usa para pintar fondos grandes: se guarda para lo que se puede tocar. El coral es un acento; si aparece en todas partes, deja de significar algo.
5

Tipografía

Dos tipografías, y solo dos. Sora para los títulos, Inter para todo lo demás.

Sora · 600 y 700
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 0123456789
Títulos, cifras grandes y el nombre de la marca. Siempre con las letras un poco juntas.
Inter · 400, 500, 600 y 700
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 0123456789
Párrafos, botones, formularios, tablas y avisos. Es la voz normal de la app.

La escala

Título grandeCada dato cuentaSora 700 · 48 px
TítuloCada dato cuentaSora 700 · 30 px
SubtítuloCada dato cuentaSora 600 · 24 px
DestacadoCada dato cuentaInter 600 · 18 px
TextoCada dato cuentaInter 400 · 16 px
ApoyoCada dato cuentaInter 400 · 14 px
EtiquetaCada dato cuentaInter 500 · 12 px
Nunca se usa una tercera tipografía, ni la cursiva de Sora, ni todo en mayúsculas salvo en etiquetas muy cortas.
6

Formas y espacios

Las esquinas redondeadas y el aire son parte de la marca: hacen que la app se sienta amable.

Botones y campos · 12 px
Tarjetas y ventanas · 24 px
Símbolo de la marca · 25 % del lado
Píldoras y chips · redondo total

El aire

Sombras

Suave · tarjetas en reposo
Media · al pasar el dedo o el puntero
Alta · ventanas emergentes
En modo oscuro las sombras son negras de verdad; las azuladas no se ven. La elevación se nota porque la superficie aclara.
7

Los iconos

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.

Vial
Jeringa
Hidratación
Peso
Comida
Calendario
Tendencia
Certificado
Bienestar
Recordatorio
Protocolo
Racha

Cómo se dibujan

8

Elementos gráficos

Tres piezas dan el ambiente de la marca. Se usan de fondo, nunca compitiendo con el contenido.

Resplandor de marca · el fondo de la app en claro
El mismo resplandor en modo oscuro, más contenido
Textura de puntos · grano fino para que nada quede plano
La chispa · remata celebraciones, rachas y sellos
9

Movimiento

La app se mueve poco y rápido. El movimiento explica algo; nunca decora.

10

Envase

Los ocho moldes de la marca. Todo lo que se imprime o se fotografía sale de aquí.

Vial de líquidoPara lo que ya viene disuelto.
Vial de polvo · blancoEl liofilizado de siempre.
Vial de polvo · azulSegunda familia de compuestos.
Vial de polvo · naranjaTercera familia de compuestos.
Aplicador nasalPara las vías nasales.
Cápsulas · verde mentaVía oral.
Cápsulas · azulVía oral, segunda familia.
Cápsulas · naranjaVía oral, tercera familia.

La etiqueta

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.

11

Plantillas listas

Cinco piezas con la marca ya aplicada. Se cambian los textos y quedan listas; la estructura no se toca.

Publicación para redes
Publicación para redes1080 × 1080 · fondo oscuro
Portada al compartir un enlace
Portada al compartir un enlace1200 × 630 · fondo claro
Portada de certificado
Portada de certificadoLa página real a la que lleva el QR
Cabecera de correo
Cabecera de correo600 × 200
Etiqueta: dónde va la marca
Etiqueta: dónde va la marcaRegla de zonas, no un diseño
12

La revisión de siempre

Antes de publicar cualquier pantalla, correo o pieza impresa, se pasa esta lista. Si algo falla, se corrige la pieza, no el manual.

Manual de marca · versión 2.0 · agosto de 2026
Los archivos originales viven en la carpeta marca del proyecto.