DirectoryGridMinimal
Swiss Grid
Rofi · 18K installs
Clean rules, exact spacing, and quiet high-confidence typography.
npx designdotmd add swiss-grid
Open →directory / productivity / matcha-interface
ProductivityCommerceWarmMinimal
Matcha Interface
A calm but structured DESIGN.md system for service products and curated commerce.
By Rofi
$
Learn more about the CLI →npx designdotmd add matcha-interfacetry on →
1440×900
Calm Product Surface / UI
FoundationsComponentsPatterns
Kitchen sink
Matcha Interface
A composed system for marketplaces, workflows, and customer-facing tool panels.
Templates
32
Conversations
84
Exports
1.2K
Accent
#4A7C59
Surface
#F4F6ED
Ink
#1C201D
Calm Product Surface / UI
FoundationsComponentsPatternsChangelog
Kitchen sink
Matcha Interface
A composed system for marketplaces, workflows, and customer-facing tool panels.
Templates
32
Conversations
84
Exports
1.2K
mobile · 390×844
The file
# DESIGN.md ## Mood Calm, deliberate, and service-oriented. ## Palette Soft neutrals with one plant-toned accent. ## Components Rounded cards are allowed, but spacing stays disciplined.
Tokens
Colors
primary
#4A7C59surface
#F4F6EDink
#1C201DTypography
display
Editorial displaybody
System sanslabel
Mono labelsRounded & Spacing
radius
8pxspacing
16px / 32pxRelated
You might also like
EditorialWarmBold
Terracotta Editorial
Rofi · 4.5K installs
Clay accents, tactile cards, and generous copy rhythm.
npx designdotmd add terracotta-editorial
Open →EditorialWarmSerif
Heritage Paper
Rofi · 9.1K installs
editorial interfaces with soft editorial paper, warmer metadata, and calmer cards.
npx designdotmd add heritage-paper
Open →TechnicalWarmMono
DevOps Paper
Rofi · 35K installs
technical interfaces with soft editorial paper, warmer metadata, and calmer cards.
npx designdotmd add devops-paper
Open →