Precisa
Cada elemento tiene una función. Nada decorativo compite con la información.
El sistema de identidad de Odontos
Diseñado para transmitir control, inteligencia y movimiento continuo alrededor de la clínica.
Principios
Cómo debe sentirse la marca
Conectada
Líneas, ciclos y estados muestran un sistema que trabaja de extremo a extremo.
Clara
La complejidad vive por detrás. La experiencia siempre resulta fácil de entender.
Humana
Tecnología con contexto clínico. Nunca robótica, infantil ni excesivamente futurista.
Logo
Una señal en movimiento
El símbolo representa un ciclo incompleto: una oportunidad entra, avanza y devuelve una señal al sistema.
odontosIA
Versión principal · fondo oscuro odontosIA
Versión monocroma · fondo claro Símbolo · espacios reducidos
xx
Área de seguridadUsa como mínimo el ancho del trazo del símbolo alrededor del conjunto.
32 px20 px
Tamaño mínimo32 px para el lockup completo. 20 px cuando se utiliza solo el símbolo.
Color
Contraste clínico, energía digital
El navy construye confianza. El azul eléctrico expresa acción. Cyan y lilac aparecen únicamente como señales.
#171560
Odontos Navy
--darkFondos principales, navegación y contraste
#164AFF
Electric Blue
--electricAcciones, estados activos y movimiento
#5CE8FF
Signal Cyan
--cyanSeñales, conexiones y pequeños acentos
#B98DFF
Soft Lilac
--violetAcento secundario, nunca protagonista
#1A1A42
Warm Ink
--warm-inkTexto sobre fondos claros
#FFFFFF
Paper
--paperSuperficies y secciones claras
#F3F4F9
Soft Canvas
--canvasFondos de producto e ilustración
60%Blanco y canvas
25%Navy
12%Electric
3%Señales
Tipografía
Una voz clara a cualquier escala
DisplayManrope
Títulos, navegación, botones y cifras principales.
Aa
BodySource Sans 3
Texto editorial, explicaciones y producto.
Aa
SignalIBM Plex Mono
Estados, tiempos, datos y pequeñas etiquetas funcionales.
01
Display 01El motor comercial de tu clínica
clamp(64px, 9vw, 120px) · 0.92Display 02Resultados que se notan
clamp(42px, 6vw, 82px) · 0.98HeadingSeguimiento y conversión
24–34px · 1.08Body
Odontos conecta captación, conversación y seguimiento en un sistema que aprende de cada resultado.
17px · 1.55Sistema visual
La información se conecta
La identidad se apoya en líneas limpias, esquinas controladas y estados visibles. Nunca en decoración gratuita.
Conectores
Líneas blancas o azules muestran recorrido, relación y retorno.
Radio
8–18 px en producto. Hasta 38 px en grandes transiciones de sección.
⌁＋◎↗
Iconografía
Monoline, monocroma y ópticamente equilibrada sobre una cuadrícula común.
Grid técnico
Solo como soporte sutil para animaciones y vistas de sistema.
Evitar siempre
Eyebrows decorativosBlur gradientsIlustración cartoonPills innecesariasArcoíris de iconosDashboards densos
Componentes
Una interfaz sobria y activa
Laura M.
- Fuente
- Meta Ads
- Canal
- Respuesta
- 00:10
Activo Pendiente Inactivo
Movimiento
La energía avanza; nunca rebota
El movimiento explica el sistema. Debe ser rápido, sólido y continuo, con pausas suficientes para comprender cada estado.
Viaje
Las señales recorren conectores y perímetros en una sola dirección clara.
Estado
Un elemento se activa cuando recibe la señal, no antes.
Cobertura
Las secciones claras pueden cubrir escenas oscuras con una ligera inercia.
Rápido 180 msInterfaz 350 msNarrativa 800–1200 msLoop 8–12 s