La guía de estilo de Onaris
Marca, fundamentos visuales, iconografía y componentes para que todo producto y pieza de comunicación de Onaris se vea y funcione igual.
Explora el sistema
Manual de marca
Logotipo, baseline e isotipo, espacio libre, tamaños mínimos, usos incorrectos, paleta de marca, degradados y tipografía.
Ver marca →Fundamentos
Colores por contexto (app, campos, drawer), semánticos, roles tipográficos, sombra única, movimiento y breakpoints.
Ver fundamentos →Iconografía
Set Lucide de trazo 2 en tres tamaños (14, 16, 20) con los iconos de uso frecuente agrupados por función.
Ver iconos →Componentes
32 componentes en cinco categorías (Forms, Feedback, Overlays, Navigation, Data) con variantes, estados y props.
Ver componentes →Spec técnico
Especificación estructurada de tokens y componentes para el equipo de desarrollo de la librería onaris-ui.
Ver spec →Principios
Preciso y denso
Interfaz técnica pensada para trabajo diario: controles de 32 px por defecto, radios contenidos y separación por bordes en lugar de sombras.
Leading para actuar, coral para señalar
Las acciones principales usan Leading (#172836). El coral de marca se reserva para foco, selección, estados activos y elementos destacados.
Leading, no negro
Textos e iconos usan #172836 y sus opacidades (.7, .3). Nunca negro puro.
Una sola elevación
Solo lo que se superpone al contenido (desplegables, drawers, modales) lleva sombra, y siempre la misma.
Marca sin alteraciones
El logotipo se usa siempre desde los archivos oficiales, respetando espacio libre y tamaños mínimos. Nunca se recolorea, distorsiona ni rota.
Una tipografía, cuatro pesos
Plus Jakarta Sans en Regular, Medium, Semibold y Bold. JetBrains Mono solo para códigos y cifras.