Por qué Foundation

Foundation resuelve un problema muy específico: varios proyectos independientes estaban repitiendo la misma mecánica base con nombres, estilos y decisiones ligeramente distintas.

Qué problema resuelve

• Breakpoints y escalas SCSS repetidas.
• Helpers pequeños como cx duplicados.
• Protección de media aplicada de formas inconsistentes.
• Metadata, canonical, sitemap y HTML estático resueltos varias veces.
• Primitivas de focus, Escape y scroll lock copiadas entre modales, drawers y overlays.

Por qué nació

Nació después de validar esos patrones en proyectos reales. No empezó como una librería aspiracional; se extrajo cuando la repetición ya era clara y el costo de mantener cada copia era mayor que el costo de una API pequeña.

Qué contiene

SCSS baseSpacing, radius, z-index, motion, breakpoints y mixins.

TypeScriptcx, guards, DOM targets y teclado.

AccessibilityFocus, Escape, scroll lock, media protegida y selectors.

SEO & BuildCanonical, sitemap, HTML metadata y escaping.

Qué no intenta ser

Foundation no es un framework, no es un Design System visual y no es una librería de componentes. Tampoco conoce dominios, rutas, metadata específica, logos, colores finales o decisiones de negocio.

Beneficio real

Ayuda a que cada proyecto tenga menos código accidental y más código propio. La marca, el contenido y la UI siguen viviendo en cada repo; Foundation solo sostiene la parte que ya demostró ser común.