# ONE System · Guía de marca

Edición 05 · noviembre de 2026. Versión escrita del manual: https://branding.onesystem.cl

## 00 · Inicio

ONE System ofrece suplementación personalizada: una fórmula para la mañana y otra para la noche, a partir de las respuestas de cada persona sobre su rutina, sus objetivos y sus hábitos. Este manual es para el equipo, diseño, redes y proveedores.

## 01 · La marca

**Una fórmula que parte de ti.** ONE escucha antes de proponer. No diagnostica, no trata enfermedades y no reemplaza a un médico: la encuesta orienta la personalización, no es un examen.

| 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. | Ritual AM y PM. Redes, empaque, contenido de uso. |
| Tu fórmula. Tu ritmo. | Campañas e imagen sobre fotografía. |
| One step better every day. | Firma original. Cierre de piezas y correos. |

## 02 · El logo

Una doble hélice ocupa el lugar de la O y, con las letras NE, se lee ONE. Es una sola pieza.

- Lienzo de 1578 × 1300 unidades (1,21 : 1).
- Dos hebras en espejo, de 44 unidades de grosor (3,4 % del alto), que se cruzan a un cuarto y a tres cuartos del alto. En cada cruce pasa por delante una hebra distinta.
- Letras de 491 unidades (0,38 del alto), centradas en la mitad de la hélice. Astas de 50.
- Separación: 104 entre hélice y N, 143 entre N y E.
- Los archivos vectoriales son un redibujo del PNG original de 2362 px: ningún borde se mueve más de 3 px.

## 03 · Versiones

| Versión | Cuándo |
| --- | --- |
| Logo en Burdeo | Principal, sobre Mineral, blanco o Piedra. |
| Logo en Mineral | Sobre Grafito, Tinta y Burdeo profundo. |
| Logo en Grafito | Una sola tinta sobre claro, y sobre Topo. |
| Logo en Negro | Impresión a una tinta: timbre, térmica, fax. |
| Logo en Blanco | Sobre Burdeo y sobre fotos, en una zona tranquila. |
| Solo la hélice | Pestaña del navegador, ícono de app, sellos. Con "ONE" escrito cerca. |

## 04 · Espacio y tamaños

- Área de respeto: **x = un cuarto del alto del logo**, por los cuatro lados. Los archivos de descarga ya la traen.
- Mínimos: logo 40 px / 12 mm de ancho (las hebras miden más de 1 px); hélice 24 px / 8 mm de alto.
- Favicon (16 y 32 px): la hélice con hebras 1,6 veces más gruesas. Solo para la pestaña.
- No deformar, rotar, cambiar colores, agregar efectos, escribir "ONE" con una fuente ni poner el logo sobre fondos que compiten.

## 05 · Color

Dos fondos: el sitio, los correos, los PDF, las redes y los impresos van sobre blanco; la cuenta del cliente y el panel, sobre negro. El Burdeo es el color de la marca y manda en los dos. Brasa y Ámbar forman la escala de calor y van solo en detalles.

| Color | HEX | Uso |
| --- | --- | --- |
| Blanco | `#FFFFFF` | Fondo del sitio; texto sobre negro |
| Negro | `#0B0B0C` | Fondo de la cuenta y del panel; texto sobre blanco |
| Burdeo | `#570F20` | Logo, botón principal, bloques de marca |
| Burdeo profundo | `#390B16` | Fondos de portada y bloques de marca sobre negro |
| Brasa | `#C74829` | Escala de calor: el orden de una serie, un punto, una línea |
| Ámbar | `#E79F40` | Escala de calor: el día de hoy, una cifra grande; solo sobre negro o en tamaño grande |

Los grises ya no son colores: son negro o blanco con transparencia (texto secundario al 60 %, líneas al 12–14 %).

Proporción: 80 % del fondo (blanco o negro según la superficie), 12 % del otro como texto, 6 % Burdeo, 2 % escala de calor como máximo. Sin amarillos puros ni celestes. Texto normal con contraste de 4,5:1 o más (WCAG 2.1 AA). Burdeo sobre negro no se lee: sobre negro es bloque, no texto. Ámbar sobre blanco no se lee: solo barras, cuadros y cifras que se repiten en texto. Los HEX son digitales: para imprenta, convertir con prueba física.

La escala de calor (negro → Burdeo profundo → Burdeo → Brasa → Ámbar) significa lo activo (el día de hoy), el orden (los números de una serie) y la cantidad (la dosis, como barra). Nunca significa alerta ni error: para eso están Listo `#2F6B46` y Error `#B42318`, siempre con texto. Nunca es fondo de un texto ni pasa del 2 % de una pantalla. Va siempre con un rótulo o una unidad al lado (día, mg, paso): en los wearables el naranjo y el rojo significan "frena", y ONE no quiere que se lea así. Sobre negro y Burdeo el logo va siempre en blanco.

Hasta la edición 04 la base eran Mineral, Grafito, Piedra y Topo; desde noviembre de 2026 se reemplazan por blanco, negro y transparencias. El sitio, la cuenta, el panel, los correos y los PDF usan esta edición.

## 06 · Tipografía

- **Cabinet Grotesk** 500 (títulos y frases) y 700 (cifras grandes). Fontshare, licencia ITF Free Font.
- **Geist** 400 (texto), 500 (interfaz) y 600 (énfasis). Vercel, licencia OFL.
- Cabinet nunca en párrafos, formularios, dosis ni errores. Sin itálicas para destacar.
- Títulos con interletra −3 % a −5 %; cejas en mayúsculas con +20 %; números tabulares en dosis, fechas y precios.

## 07 · Voz y tono

Español de Chile, tuteando, frases concretas. **Clara, cercana, honesta.**

| Decimos | No decimos |
| --- | --- |
| fórmula personalizada | protocolo, blend |
| puntaje de bienestar | diagnóstico, déficits detectados |
| según tus respuestas | sabemos exactamente lo que necesitas |
| suplementación | tratamiento, cura, remedio |
| conoce tu fórmula | transforma tu vida hoy |
| próximamente | compra ahora (en líneas no disponibles) |

Reglas: todo número lleva su fuente verificada; nunca prometer curar, prevenir ni diagnosticar; las dosis vienen del catálogo y el diseño no las cambia; las imágenes de concepto se rotulan; los datos de salud no van en notificaciones ni posts; la marca se escribe ONE y el servicio, ONE System.

## 08 · Imagen

Siempre en blanco y negro: luz natural y suave, rutinas reales, personas adultas en movimiento, manos y cápsulas de cerca, tal como son. Cuando una pieza necesita llamar la atención, el calor va solo en el cuerpo: la escala de calor tiñe la piel de Brasa a Burdeo y el fondo sigue en blanco y negro ("calor contenido"), en una foto por pantalla y rotulada como imagen de concepto cuando es un filtro. Sin color, sin arcoíris térmico, sin batas ni laboratorios, sin antes y después. El tratamiento Burdeo de la edición 04 (blanco y negro con Burdeo en multiplicar) queda como variante para campañas sin calor.

## 09 · Aplicaciones

Ícono de app (hélice sobre Burdeo, Grafito o Mineral), notificaciones sin datos de salud, etiquetas AM y PM (concepto, no arte final), tarjeta de 85 × 55 mm, correos con una sola acción y la web con la hélice en la pestaña.

## 10 · Redes sociales

Post vertical 1080 × 1350 como formato principal; márgenes de 92 px arriba, 96 a los lados y 84 abajo. Cuatro plantillas: Dato, Título, Producto y Presentación. En carruseles, una hebra continua cruza las imágenes y termina en la hélice. Antes de publicar: fuentes revisadas, sin promesas de salud, foto rotulada, texto dentro de la zona segura y con contraste, texto alternativo y un solo llamado a la acción.

## 11 · Descargas

Logo y hélice en cinco colores, ícono de app en tres y foto de perfil en dos: SVG, PDF y PNG de 4096 px transparente (más una versión con fondo). Todo en `one-logos.zip`.

## 12 · Recursos

Variables CSS y JSON (`design-tokens.css`, `design-tokens.json`), esta guía y los PNG originales recibidos. Los archivos fuente están en la carpeta `branding/` del proyecto; todo se regenera con `npm run build`.

Dudas sobre la marca: contacto@onesystem.cl