DirectoryBauhausBold
Bauhaus Directory
Rofi · 6.3K installs
Bold catalog typography, powerful filtering, and strict composition.
npx designdotmd add bauhaus
Open →directory / directory / swiss-grid
DirectoryTechnicalGridMinimal
Swiss Grid
An orderly system for bilingual technical directories and precise product surfaces.
By Rofi
$
Learn more about the CLI →npx designdotmd add swiss-gridtry on →
1440×900
Technical Catalog / UI
FoundationsComponentsPatterns
Kitchen sink
Swiss Grid
A rational system with precise spacing, thin rules, and calm hierarchy.
Modules
48
Columns
12
Tokens
88
Accent
#2459FF
Surface
#F7F7F4
Ink
#101010
Technical Catalog / UI
FoundationsComponentsPatternsChangelog
Kitchen sink
Swiss Grid
A rational system with precise spacing, thin rules, and calm hierarchy.
Modules
48
Columns
12
Tokens
88
mobile · 390×844
The file
# DESIGN.md ## Brand Keep alignment exact. Use cool neutrals and a single electric blue for actions. ## Layout 12-column structure with visible rhythm. ## Motion Subtle fades only. No decorative bounce.
Tokens
Colors
primary
#2459FFsurface
#F7F7F4ink
#101010Typography
display
Editorial displaybody
System sanslabel
Mono labelsRounded & Spacing
radius
8pxspacing
16px / 32pxRelated
You might also like
ProductivityWarmMinimal
Matcha Interface
Rofi · 3.8K installs
Soft surfaces, disciplined spacing, and a plant-toned accent.
npx designdotmd add matcha-interface
Open →EditorialGridSerif
Heritage Grid
Rofi · 5.4K installs
editorial interfaces with visible alignment, measured gutters, and crisp scan paths.
npx designdotmd add heritage-grid
Open →TechnicalDarkMono
DevOps Noir
Rofi · 28K installs
technical interfaces with dark contrast, compact controls, and premium restraint.
npx designdotmd add devops-noir
Open →