Zum Hauptinhalt springen
BSBV Logo
UI Domain Node

Interface
Ecosystem

The visual language of BSBV Core. Strictly typed atomic components, composite sections, and production-ready page templates.

SYS_TOKENS

Styleguide Generator

Live documentation of base design tokens: Typography scales, Color palettes, Spacing units, and Shadow depths.

Colors Type Grid
Source
tailwind.config.js
Inspect Tokens
LIB_ATOMS

Atoms & Macros

The fundamental building blocks. Interactive states for Buttons, Inputs, Cards and Badges defined in the UI layer.

Forms Buttons Cards
Source
components/*.twig
View Library
LIB_SECTIONS

Layout Organisms

Complex compound structures. Headers, Footers, Hero sections, and Feature grids assembled for rapid prototyping.

Headers Footers Grids
Type
Composite
Explore Sections
LIB_PAGES

Page Templates

Production-ready view files. Dashboards, Authentication screens, and Error states.

Auth Dashboard Errors
Status
READY
READY Preview Pages