Modular
Responsabilidad clara
Cada archivo resuelve una función concreta dentro del sistema, evitando duplicación y mezcla innecesaria de lógica.
Octanogram
Framework
Un sistema CSS modular para construir interfaces con estructura, ritmo, claridad y consistencia visual en plataformas digitales.
Diseñado para documentar, escalar y aplicar un sistema visual propio con una lógica clara entre fundamentos, layout, ritmo, utilidades y patrones.
Explora el sistema
Docs
Documentación
Revisa el mapa general del framework y accede a todos los módulos.
System
Arquitectura
Entiende la estructura del sistema, sus capas y su lógica de composición.
Rules
Guidelines
Consulta las reglas para mantener consistencia y claridad en el framework.
Usage
Patterns
Descubre ejemplos aplicados para construir interfaces reales con el sistema.
Un sistema pensado para crecer con orden
Mobile-first
Escala desde lo esencial
La estructura parte de una base simple para móvil y crece mediante breakpoints definidos y relaciones consistentes.
Consistente
Un mismo lenguaje visual
Tokens, layout, spacing y utilidades comparten una lógica común para que el sistema se mantenga claro y escalable.
Comienza por la documentación base
Recorre primero la arquitectura y los módulos del sistema antes de pasar a los patterns aplicados.