1
Define el sistema
Configura variables, estilos y reglas globales.
Gratuito
FDS
La base de todos tus proyectos WordPress.
Empieza con un sistema de diseño coherente, reutilizable y preparado para crecer. FDS reúne los elementos esenciales para que todos tus proyectos nazcan sobre la misma base.
MIT License · Open Source · Compatible con FlowKit y Kodavio
Colores
paleta
Tipografía
escala FDS
Aa
display-lg
hero scale
Aa
heading
balanced
Aa
text-large
prose
fds-tokens.css62 tokens
:root {
--color-primary-500: #f5a423;
--text-display-lg: fluid;
--space-content: clamp();
}
Una única fuente de verdad para todo tu diseño.
Centraliza colores, tipografía, espaciado y componentes para que todo el proyecto siga las mismas reglas desde el primer día. Menos decisiones repetidas. Más coherencia.
Metodología integrada
Empieza todos tus proyectos siguiendo las mismas reglas. Menos improvisación, más consistencia desde el primer día.
Tokens universales
Define colores, tipografía y espaciados una sola vez. Todo el proyecto se mantiene alineado automáticamente.
Preparado para crecer
Empieza con una estructura preparada para evolucionar sin tener que reorganizar el proyecto cada vez que crezca.
Empieza con una base sólida. Todo lo demás será más fácil.
Empieza con una base coherente
Configura la estructura del proyecto desde el principio para que todas las decisiones posteriores sigan las mismas reglas.
No construyas lo mismo dos veces
Componentes reutilizables para empezar más rápido sin renunciar a la consistencia.
Personaliza sin romper el sistema
Colores, tipografía y espaciados preparados para adaptarse a cada proyecto manteniendo la coherencia.
Control sin complejidad
Ajusta el sistema desde una interfaz visual y evita cambios repetitivos repartidos por todo el proyecto.
La base sobre la que construirás todos tus proyectos.
FDS es la base del sistema Flowtitude. Sobre él se apoyan el resto de herramientas para mantener la coherencia del proyecto mientras evoluciona..
2
Construye sobre esa base
Aplica el sistema al tema y a los componentes principales.
3
Reutiliza sin esfuerzo
Usa patrones preparados para mantener la coherencia del proyecto.
Empieza con una base sólida
Crea tu cuenta gratuita y empieza a desarrollar todos tus proyectos sobre una base coherente, reutilizable y preparada para crecer contigo.