A disciplined interface standard for modern product software.
Basel Standard / Blocks
Installable editorial and commerce blocks built on the same type, spacing, and state rules as the core system. Start with a resolved surface, then move into the block docs for implementation detail.
Library scope
Editorial reading, launch merchandising, and specification-ready product surfaces.
2 featured starting points for faster evaluation.
Featured
Block / Editorial hero
This block gives the marketing site and the journal the same disciplined visual introduction.
Editorial blocks
Structured article opener with a disciplined text rail and supporting figure.
Install
Purchase access, then run pnpm dlx shadcn@latest add "https://www.thebaselstandard.com/r/editorial-article-hero.json?token=TOKEN_FROM_ACCOUNT"Reception / Lounge
Built for featured product rails where materials, price, and availability need clear hierarchy without falling back to a generic catalog card.
Commerce blocks
Featured commerce card for collection labels, pricing, availability, and actions.
Install
Purchase access, then run pnpm dlx shadcn@latest add "https://www.thebaselstandard.com/r/product-card-editorial.json?token=TOKEN_FROM_ACCOUNT"Category
Block / Editorial card
Use the same editorial voice in grids, related content modules, and archive shelves.
Editorial blocks
Linked editorial teaser card for journal indexes, reading queues, and archive shelves.
Install
Purchase access, then run pnpm dlx shadcn@latest add "https://www.thebaselstandard.com/r/editorial-article-card.json?token=TOKEN_FROM_ACCOUNT"Block / Editorial hero
This block gives the marketing site and the journal the same disciplined visual introduction.
Editorial blocks
Structured article opener with a disciplined text rail and supporting figure.
Install
Purchase access, then run pnpm dlx shadcn@latest add "https://www.thebaselstandard.com/r/editorial-article-hero.json?token=TOKEN_FROM_ACCOUNT"Block / Figure strip
A modular figure grid for research notes, visual studies, and product storytelling.
The strongest Swiss compositions feel engineered before they feel styled. That translates directly into reusable spacing scales and predictable page rails.
Swiss layouts treat typography as the architecture of the page. Headings, micro-labels, and data lines do the heavy lifting before any decorative layer appears.
The style is not merely sparse. It alternates dense blocks, quiet space, and rule-led segmentation to create authority without clutter.
Editorial blocks
Editorial figure sequence for research notes, visual references, and structured captions.
Install
Purchase access, then run pnpm dlx shadcn@latest add "https://www.thebaselstandard.com/r/editorial-figure-strip.json?token=TOKEN_FROM_ACCOUNT"Block / Resources
Useful when a journal page or docs article needs source material without falling back to a generic list.
Best single visual explainer for why grids became the operating system of Swiss poster design.
Primary-source poster browsing for rhythm, crop behavior, and hierarchy under real cultural commissions.
Useful for canonical validation and for seeing how Swiss work entered the modern design canon.
Editorial blocks
Structured references block for citations, source notes, and further reading.
Install
Purchase access, then run pnpm dlx shadcn@latest add "https://www.thebaselstandard.com/r/editorial-resource-list.json?token=TOKEN_FROM_ACCOUNT"Category
Reception / Lounge
Built for featured product rails where materials, price, and availability need clear hierarchy without falling back to a generic catalog card.
Commerce blocks
Featured commerce card for collection labels, pricing, availability, and actions.
Install
Purchase access, then run pnpm dlx shadcn@latest add "https://www.thebaselstandard.com/r/product-card-editorial.json?token=TOKEN_FROM_ACCOUNT"Lighting / Architectural
Designed for launch moments where one object carries the section. Price, category, and action remain legible under a high-contrast overlay.
Commerce blocks
High-contrast commerce block for launch shelves and featured product moments.
Install
Purchase access, then run pnpm dlx shadcn@latest add "https://www.thebaselstandard.com/r/product-card-overlay.json?token=TOKEN_FROM_ACCOUNT"Specification / Seating
Useful when a product needs a visual rail and a denser specification column. The split keeps attributes, price, and actions in a predictable order.
Commerce blocks
Split commerce card for product metadata, pricing, and follow-up actions.
Install
Purchase access, then run pnpm dlx shadcn@latest add "https://www.thebaselstandard.com/r/product-card-split.json?token=TOKEN_FROM_ACCOUNT"