The Basel Standard
Next.jsReactTypeScriptshadcn/uiDesign SystemsUI
The Basel Standard is a shadcn-compatible interface system for modern product software. It is positioned as an authored interface standard for teams that need dense, product-facing UI to feel structured, credible, and resolved without inventing a design language from scratch.
- Source: byronwall/swiss-styles
Product
The repository contains the product workspace and proof surface:
- Installable registry source
- Marketing site
- Documentation site
- Editorial journal surface
- Demo infrastructure for validating the system under realistic UI pressure
Design Direction
The system applies a contemporary Swiss International influence to product interfaces:
- Typography carries hierarchy before decoration.
- Grid logic, alignment, and spacing define the structure.
- Rules, dividers, and hard-edged surfaces provide discipline without over-framing.
- Color is sparse and semantic.
- Dense states, overlays, tables, navigation, forms, and documentation are treated as first-class surfaces.
Highlights
- Local shadcn-compatible registry
swiss-internationalstyle entry- 55 UI components and 7 blocks documented in the repo
- Marketing, docs, journal, and demo surfaces in one workspace
- Strong fit for B2B, prosumer, finance, operations, research, admin, and other information-dense apps