← ClaudeAtlas

minimallisted

Use when building or styling a UI in the Minimal aesthetic — A stripped-down system that removes every ounce of noise so content and core function are all that remain. For Claude Code, Cursor, and Codex.
x77jh8gvrn-alt/staqd-skills · ★ 0 · Web & Frontend · score 75
Install: claude install-skill x77jh8gvrn-alt/staqd-skills
# Minimal Minimal is the discipline of removing until only the essential remains. It is built almost entirely from black, white, and the space between them, letting typography and content carry the entire experience. Reach for Minimal when the message is the product, when you want timeless clarity, or when a quiet, confident surface should disappear behind the work it presents. ## Design principles - Remove before you add. If an element does not serve content or function, it does not belong. - Whitespace is a feature, not empty space. Generous margins create focus and calm. - Monochrome first. Color is rationed to the single accent and used only when meaning requires it. - Type does the heavy lifting. Hierarchy comes from size, weight, and spacing, not decoration. - Borders over shadows. Structure is drawn with thin hairlines instead of depth effects. - Restraint is the brand. Consistency and quiet confidence beat visual variety. ## Color The palette is intentionally narrow. The background is pure #FFFFFF, with #FAFAFA reserved for the occasional raised surface or code block. Text and the primary accent share #111111, a soft black that is easier on the eyes than absolute #000000. Secondary text uses #6B6B6B and the muted #8A8A8A handles captions and metadata. The only structural color is the #E6E6E6 border. There is no decorative color by default; if a brand hue is needed, introduce exactly one and use it solely for primary calls to action. For dark mode, flip to a #0E0E0E