Be Partner DS
Token-driven. Framework-agnostic. Progressive by default.
What is Be Partner DS?
Section titled “What is Be Partner DS?”Be Partner DS is a production-grade CSS design system built on three principles:
- CSS-first — no Tailwind, no CSS-in-JS, no framework coupling.
- Token-driven — three-level token architecture: primitives → semantic → component-private.
- Progressively enhanced — every component works without JavaScript; JS adds delight, not functionality.
- Astro + Starlight for documentation
- Pure CSS with
@layer,@property,@starting-style, and@view-transition - Cloudflare Pages for deployment
Standing on shoulders
Section titled “Standing on shoulders”BPL DS builds directly on ideas from the CSS community:
- Lea Verou — the
--_private variable pattern originates in her 2021 post Custom properties with defaults: 3+1 strategies. Every component in this DS uses it. - Giorgio Saud — extended and documented the
--_pattern as a CSS component constructor in Custom properties with defaults, combining it with@layer,@property, andclamp()into the architecture BPL DS adopts. - Kevin Powell — the Content Grid’s Full-Bleed Layout technique is his. The named-line grid replacing container wrappers comes directly from his CodePen demo.
Ver Inspiración para el detalle completo.