Manual de marca.
Todo lo que hace que ONE se vea y suene como ONE.
En una línea
Suplementación personalizada: una fórmula para tu mañana y otra para tu noche, a partir de tus respuestas.
Paleta en proporción
Lo esencial
- Logo
- La hélice en el lugar de la O, y NE
- Color
- Burdeo #570F20 sobre Mineral
- Letra
- Cabinet Grotesk y Geist
- Voz
- Clara, cercana, honesta
Una fórmula que parte de ti.
ONE System convierte tus respuestas sobre rutina, objetivos y hábitos en una fórmula para la mañana y otra para la noche, con compuestos de un catálogo fijo y seguimiento desde tu cuenta. Todo lo que hace la marca tiene que transmitir cercanía y precisión, nunca exageración.
Por qué existe
Cada persona tiene una rutina, un ritmo y objetivos distintos. ONE parte por escucharlos antes de proponer una fórmula, en vez de vender la misma cápsula a todos.
Para quién
Adultos en Chile que quieren integrar una suplementación personalizada a su día, su entrenamiento y sus objetivos de bienestar, con información clara para decidir.
Lo que no somos
ONE no diagnostica, no trata enfermedades y no reemplaza a un médico. La encuesta orienta la personalización; no es un examen. Lo decimos en cada lugar donde corresponde.
Frases de la marca
| Frase | Dónde se usa |
|---|---|
| Una fórmula que parte de ti. | Promesa. Sitio, encuesta, presentaciones comerciales. |
| Tu mañana. Tu noche. Tu fórmula. | El ritual AM y PM. Redes, empaque y contenido de uso. |
| Tu fórmula. Tu ritmo. | Campañas e imagen sobre fotografía. |
| One step better every day. | Firma original de la marca. Cierre de piezas y correos. |
Cómo se forma el logo.
Una doble hélice ocupa el lugar de la O y, junto a las letras NE, se lee ONE. Es una sola pieza. Recorre los pasos para ver cómo está armada: las medidas salen del archivo original.
Paso 1 de 6
Un eje y dos cruces
- Lienzo
- 1578 × 1300 unidades (1,21 : 1)
- Hebra
- 44 u, el 3,4 % del alto, siempre igual
- Letras
- 491 u de alto, centradas en la hélice
- Separación
- 104 u hélice–N · 143 u N–E
- Origen
- PNG original de 2362 px, redibujado en vectores: ningún borde se mueve más de 3 px
La hélice
Una doble hélice: habla de biología y de lo que es propio de cada persona, sin ponerse clínica. Es la letra más reconocible del logo.
Los dos cruces
Dos hebras, dos momentos. Arriba pasa una por delante y abajo la otra, como la mañana y la noche que se cruzan en una sola fórmula.
Las letras
NE en mayúsculas, de palo seco y sin adornos. Con la hélice en el lugar de la O, el nombre se lee completo: ONE.
El color
Burdeo #570F20: serio y cálido a la vez. Evita a propósito el verde de farmacia, el azul de hospital y los colores de suplemento deportivo.
Una marca, cuatro formas.
Usa el logo completo siempre que entre. La hélice sola existe para espacios donde no cabe (la pestaña del navegador, un ícono, un sello) y el resto de las versiones, para fondos donde el burdeo no se lee.
Sobre Mineral
Pruébalo sobre un fondo
Elige un fondo: el manual te dice qué versión usar y si el contraste alcanza.
Aire alrededor, y nunca tan chico que se pierdan los cruces.
Área de respeto
x
x = un cuarto del alto del logo. Nada (texto, bordes, otras marcas) entra en ese margen por ningún lado. Los archivos de Descargas ya lo traen.
Tamaños mínimos
pestaña 16 px
40 px de ancho
hélice 24 px
pestaña 16 px| Versión | Pantalla | Impreso |
|---|---|---|
| Logo | 40 px de ancho | 12 mm |
| Hélice | 24 px de alto | 8 mm |
| Pestaña (favicon) | 16 y 32 px | — |
Bajo 32 px las hebras medirían menos de un píxel. El favicon usa la misma hélice con hebras 1,6 veces más gruesas; esa versión es solo para la pestaña.
Lo que no se hace
ONE
Burdeo profundo y neutros minerales.
El burdeo es el único color con presencia. Todo lo demás es neutro y mineral para que el burdeo se note cuando aparece. Sin amarillos ni celestes. Toca cualquier código para copiarlo.
En qué proporción
55 % Mineral
25 % Grafito
15 %
5
Mucho fondo claro, texto y bloques en Grafito, el Burdeo para la marca y las acciones principales. La Piedra separa superficies. Una portada puede ir entera en Burdeo; una pantalla de trabajo, casi toda en neutros.
Combinaciones permitidas
Contraste calculado según WCAG 2.1. AA pide 4,5:1 para texto normal y 3:1 para texto grande (24 px o más, o 19 px en negrita).
| Muestra | Texto sobre fondo | Contraste | Se puede usar para |
|---|
Colores de la interfaz
El sitio y la cuenta usan además colores de estado. Siempre van con texto y nunca reemplazan a los de marca en piezas de comunicación. La mañana y la noche se distinguen por su nombre y por el contraste (Mineral y Grafito), no por un color nuevo.
onesystem.cl, la cuenta, el panel, los correos y los PDF usan esta edición desde el 14 de octubre de 2026.
Dos familias: Cabinet Grotesk y Geist.
Cabinet Grotesk da carácter a los títulos; Geist se encarga de leer, de los datos y de la interfaz. Las dos son gratuitas (Fontshare y licencia OFL), así que cualquiera del equipo puede instalarlas.
Cabinet Grotesk · títulos
Aa
a b c d e f g h i j k l m n ñ o p q r s t u v w x y z
á é í ó ú ü ¿ ? ¡ ! 0 1 2 3 4 5 6 7 8 9 %
á é í ó ú ü ¿ ? ¡ ! 0 1 2 3 4 5 6 7 8 9 %
Pesos en uso
Cabinet 500títulos y frases
Cabinet 700cifras grandes
Geist 400textos largos
Geist 500botones, interfaz
Geist 600énfasis
Cabinet nunca en párrafos, formularios, dosis ni mensajes de error. Nunca itálica para destacar: se destaca con color o con peso. El logo no se escribe con ninguna de las dos.
Pruébala: escribe aquíTu mañana. Tu noche. Tu fórmula.
Escala
Display · Cabinet 500Una fórmula que parte de ti.
Título · Cabinet 500Conoce tu fórmula
Subtítulo · Geist 500Mañana y noche, a tu ritmo
Texto · Geist 400Tu encuesta nos ayuda a entender tu rutina y tus objetivos. Puedes revisar el detalle de tu fórmula en tu cuenta.
Ceja · Geist MonoLo que dice la ciencia
Nota · Geist 400Fuente: Zeevi et al., Cell, 2015.
Títulos grandes con interletra negativa (−3 % a −5 %). Cejas en mayúsculas con interletra amplia (+20 %). Números tabulares en dosis, fechas y precios. Textos largos a no más de 70 caracteres por línea y nunca bajo 16 px en pantalla.
Sabemos del tema. Hablamos contigo.
En español de Chile, tuteando, con frases concretas. Explicamos lo necesario para que cada persona entienda y decida. Nunca en tono de vendedor, de gimnasio ni de laboratorio.
Rasgo 1
Clara
"Revisa tu fórmula" lleva a un lugar concreto. Evitamos palabras que obligan a adivinar qué queremos decir.
Clara, no técnica: "protocolo" y "blend" son palabras internas.
Rasgo 2
Cercana
"Tu mañana", "cómo te has sentido", "estamos para ayudarte". El cuidado se nota en lo que hacemos, no en los signos de exclamación.
Cercana, no invasiva: preguntamos lo justo y cuidamos los datos.
Rasgo 3
Honesta
Decimos qué está disponible, qué es una propuesta y qué no hace ONE. Cada dato lleva su fuente.
Honesta, no fría: la verdad se dice con cuidado.
| Decimos | No decimos | Por qué |
|---|---|---|
| fórmula personalizada | protocolo, blend | El lenguaje interno no se traslada al cliente. |
| puntaje de bienestar | diagnóstico, déficits detectados | La encuesta orienta la personalización; no diagnostica. |
| según tus respuestas | sabemos exactamente lo que necesitas | Hacemos explícito de dónde sale la recomendación. |
| suplementación | tratamiento, cura, remedio | ONE no trata enfermedades. Prometerlo es falso. |
| conoce tu fórmula | transforma tu vida hoy | Un siguiente paso concreto, sin promesas exageradas. |
| próximamente | compra ahora (en líneas que no están a la venta) | System epigenético, Hydrate y Essentials se anuncian tal como están. |
Reglas para cualquier texto público
- Todo número lleva su fuente: autor, revista y año, verificados en el estudio y no en un post que lo cita.
- Nunca prometer curar, prevenir ni diagnosticar una enfermedad. Hablamos de bienestar, rutina y objetivos.
- Las dosis vienen del catálogo. El diseño nunca las cambia, las redondea ni las inventa para un ejemplo.
- Las imágenes de concepto se rotulan como tales, y nunca se presenta a una persona de la foto como cliente real.
- Los datos de salud no se muestran en lugares públicos: nada de respuestas, compuestos ni puntajes en notificaciones o posts.
- La marca se escribe ONE, en mayúsculas; el servicio, ONE System.
Luz suave, materia real, la persona en movimiento.
La fotografía muestra rutinas reales: alguien que sale a correr temprano, una mano con sus cápsulas. Blanco y negro o color contenido, con mucho aire para el mensaje.
Foto natural
Una fórmula que parte de ti.
Tratamiento Burdeo · para campañas
Tratamiento Burdeo · para campañas
Sí
- Luz natural, lateral y suave
- Rutinas reales: entrenar, desayunar, salir temprano
- Personas adultas diversas, en movimiento
- Cápsulas y vasos de agua, mostrados tal como son
- Encuadres con un protagonista y espacio libre
No
- Batas, laboratorios, jeringas o gestos médicos
- Comparaciones de antes y después
- Cuerpos como trofeo o promesas de resultado
- Filtros amarillos, celestes o piel retocada
- Bancos de imágenes con sonrisas forzadas
Las fotos de este manual son las del sitio actual. Las de producto se hacen con el empaque real y su rotulado vigente; mientras no exista, se rotulan como imagen de referencia.
La marca puesta a trabajar.
Ícono · app · perfil
ONE SYSTEMahora
Tu pedido va en caminoRevisa el seguimiento en tu cuenta.
AM
Mañana
Fórmula personalizada
Mañana
Fórmula personalizada
PM
Noche
Fórmula personalizada
Noche
Fórmula personalizada
contacto@onesystem.cl
onesystem.cl
onesystem.cl
Correo · una acción por mensaje
Web · con la hélice en la pestaña
Formatos, plantillas y la hebra que une los posts.
Elige una red para ver su medida exacta, la zona segura (la línea roja) y cómo va la marca. Lo que quede fuera de la zona segura puede cortarse en algún teléfono.
Cuatro plantillas de post
Todas en 1080 × 1350 (4:5). Márgenes: 92 px arriba, 96 a los lados, 84 abajo. Logo de 50 px de alto arriba a la izquierda, contador arriba a la derecha.
1/3
Lo que dice la ciencia800
Zeevi et al., Cell, 2015.personas comieron lo mismo, y su glucosa respondió distinto en cada una.
1/3
AM · PM
Desliza →Tu mañana. Tu noche. Tu fórmula.
Imagen de referencia.
Hola.
Somos ONE.
La hebra en los carruseles
Una línea fina cruza de una imagen a la siguiente sin cortarse, como una de las hebras de la hélice. Cada tramo termina a la misma altura donde empieza el siguiente y los extremos salen horizontales, así que al deslizar no hay quiebre. En la última imagen la hebra termina en la hélice.
1
2
3
Grosor de la hebra: 3 px a 1080 de ancho. Burdeo sobre Mineral, Piedra sobre Grafito o Burdeo. Los carruseles se suben siempre con todas sus imágenes y en orden.
Antes de publicar
Descripción del post
- Primera línea: la idea completa, porque es lo único que se ve sin tocar "más".
- Cuerpo: dos o tres párrafos cortos. Tutear.
- Fuentes al final, en una línea propia.
- Hashtags: 4 o 5, siempre en minúscula: #suplementacion #bienestar #rutina #nutricion #chile.
- Ritmo: dos posts por semana.
Bio de Instagram
Suplementación personalizada. Tu fórmula AM y PM, a partir de tus respuestas. One step better every day. ↓ Empieza en onesystem.cl
Todos los logos, listos para usar.
El logo y la hélice sola en cada color de la paleta, más el ícono de app y la foto de perfil. Todos en vectores y con fondo transparente: se ponen encima de cualquier color o foto.
Ver sobre
Para la pestaña del navegador
ONE · Una fórmula que…
ONE · Una fórmula que…
ONE · Una fórmula que…ONE · Una fórmula que…La hélice sin fondo: Burdeo en pestañas claras y Mineral en pestañas oscuras (el mismo archivo cambia solo). Para iPhone va un ícono opaco, porque iOS no respeta la transparencia.
SVG
Vectorial. Para web, apps y diseño (Figma, Illustrator). Se agranda sin perder calidad.
PDF
Vectorial. El que piden la imprenta, el empaque y los proveedores.
PNG transparente · 4096 px
Sin fondo, en muy alta resolución: se pone encima de cualquier color o foto. Para presentaciones, documentos y redes.
PNG con fondo · 4096 px
El logo sobre su color de marca. Para correos, WhatsApp o programas que no respetan la transparencia.
Cada archivo ya trae el área de respeto alrededor. El ícono de app va cuadrado y sin transparencia: App Store y Google Play le ponen las esquinas. Los vectores son un redibujo del PNG original (ningún borde se mueve más de 3 px en 2362); los PNG originales, con fondo blanco, siguen en Recursos.
Para llevar a código o a diseño.
:root {
/* marca */
--one-burdeo: #570F20; /* logo, botones principales, portadas */
--one-burdeo-profundo: #390B16; /* fondos de portada y piezas de noche */
--one-grafito: #242326; /* texto principal y fondos oscuros */
--one-tinta: #161518; /* fondo del modo oscuro */
--one-mineral: #F4F3F0; /* fondo de web, redes e impresos */
--one-piedra: #D8D3CF; /* bordes, separadores, acento sobre oscuro */
--one-topo: #9B8F89; /* detalles; nunca texto sobre claro */
--one-gris: #686367; /* texto secundario */
/* tipografía */
--one-titulos: "Cabinet Grotesk", Arial, sans-serif;
--one-texto: "Geist", Arial, sans-serif;
}
Fuentes
Cabinet Grotesk en Fontshare (licencia ITF Free Font) y Geist de Vercel (licencia OFL).
fontshare.com/fonts/cabinet-grotesk →vercel.com/font →Tokens y guía
Las mismas variables en JSON y la guía escrita, para quien no abre este manual.
design-tokens.css →design-tokens.json →guia-de-marca.md →Archivos fuente
El logo en vectores, los archivos de descarga y este manual viven en la carpeta branding/ del proyecto. Todo se regenera con npm run build.
