1
Core
Administra tokens, variables y estilos globales
Gratis · Open source
FDS
Sistema de diseño visual para WordPress con Bricks y Tailwind v4
FDS es el sistema de diseño abierto de Flowtitude. Tokens de color, tipografía, espaciado y radios mapeados como variables CSS y clases Tailwind. Listo para usar y para personalizar, sin lock-in.
MIT license · Sin permanencia · Compatible con cualquier theme WP · Probado en Flowtitude, Kodavio y FlowKit
Colores
paleta
Tipografía
escala FDS
Aa
display-lg
5.5rem · tight
Aa
heading
2.5rem · balanced
Aa
text-large
1.125rem · prose
fds-tokens.css
62 tokens
:root {
--color-primary-500: #f5a423;
--text-display-lg: 5.5rem/.95;
--space-content: clamp(1.5,2vw,2);
--radius-card: 1rem;
}
Un sistema visual listo para usar y escalar
FDS agrupa tokens, variables y metodologías para que tu diseño funcione de forma coherente desde el inicio.
Define tipografía, color, espaciado y contenedores en todo el proyecto.
Optimizado para WordPress, preparado para Bricks y listo para integrarse con Tailwind sin fricciones.
Metodología integrada
Metodología clara para organizar capas, utilidades y componentes visuales. Diseñado para equipos que buscan velocidad y escalabilidad.
Tokens universales
Colores, tipografías, espaciados y tamaños definidos para un sistema visual coherente. Evita incoherencias de estilo y acelera tu flujo de trabajo.
Configuración avanzada
Configuración adaptada a WordPress y Bricks para usar Tailwind desde el primer momento. Sin ajustes repetitivos, sin fricción técnica.
Una configuración completa, pensada para el flujo de trabajo moderno
Base adaptada a WordPress y Bricks
Estilos iniciales alineados para un entorno estable y predecible.
Componentes esenciales
Botones, formularios y secciones básicas optimizadas para Tailwind.
Tokens personalizables
Colores, tipografía, ritmo vertical y contenedores listos para editar.
Integración directa con Core y WindPress
Usa el wizard visual para ajustar cada parámetro sin tocar código.
El corazón visual de todo el ecosistema Flowtitude
FDS es la pieza central: Flowtitude Core lo gestiona, Flowtitude Theme lo aplica y Flowtitude Blocks lo extiende.
Conviértelo en la base de tus proyectos para tener una arquitectura visual profesional, escalable y consistente.
2
Theme
Ajusta capas CSS y componentes visuales base.
3
Blocks
Aplica los patrones del sistema para construir interfaces coherentes.
Empieza a construir con Flowtitude Design System
Crea tu cuenta gratuita y accede al sistema de diseño completo: tokens, escalas, metodología y configuración integrada con WordPress, Bricks y Tailwind.