Terracotta Editorial
Rofi · 4.5K installs
Clay accents, tactile cards, and generous copy rhythm.
Case-study pacing, confident image slots, and lean project metadata. This variant adds visible alignment, measured gutters, and crisp scan paths.
By Rofi
npx designdotmd add studio-gridKitchen sink
Every primitive in the system, styled straight from tokens.
Kitchen sink
Every primitive in the system, styled straight from tokens.
mobile · 390×844
--- version: alpha name: Studio Grid description: Case-study pacing, confident image slots, and lean project metadata. This variant adds visible alignment, measured gutters, and crisp scan paths. colors: primary: "#221422" surface: "#F7F7F4" ink: "#111111" --- ## Overview Case-study pacing, confident image slots, and lean project metadata. This grid variant emphasizes visible alignment, measured gutters, and crisp scan paths. ## Usage Use this system for portfolio products that need fast preview, installable tokens, and readable agent instructions. ## Rules - Keep one dominant action color per screen. - Let spacing and type hierarchy create the signature. - Keep generated UI components readable before expressive.
Colors
Typography
Rounded & Spacing
Related
Rofi · 4.5K installs
Clay accents, tactile cards, and generous copy rhythm.
Rofi · 14K installs
Mono labels, graphite surfaces, and high-contrast telemetry blocks.
Rofi · 3.8K installs
Soft surfaces, disciplined spacing, and a plant-toned accent.
Rofi · 7.1K installs
Electric contrast, rigid modules, and bold attention cues.