
Preview image. Unlock full-res
Minimalist worksheet with warm accents
This system feels like a precise, functional workspace, prioritizing clarity and direct interaction. Nearly achromatic surfaces and text form a stark foundation, minimizing distraction and allowing content to take center stage. The single prominent use of a warm gradient accent, along with subtler pastel button backgrounds, injects a controlled energy, hinting at progress and reward against the otherwise restrained UI. Compact spacing, subtle rounded edges, and sharp typography contribute to an efficient and focused user experience.
Prioritize Canvas White (#ffffff) as the dominant background color for main content areas.
Use Carbon Black (#1a1a1a) for all primary text, headings, and critical UI elements to ensure high contrast and readability.
Apply Output Sans at weight 700 with letter-spacing -0.043em for all main headings (24px) to create a distinct, tight visual expression.
Utilize a 8px border-radius for interactive buttons and key UI containers, and 4px for smaller interactive elements like tags.
Employ the Sunset Gradient (linear-gradient(rgb(255, 84, 56) 0%, rgb(255, 199, 0) 100%)) sparingly for highlight borders on interactive elements, like the search input or suggestion tags.
Maintain compact spacing, typically 4px for element gaps and 24px for section gaps, to foster an information-dense yet organized layout.
Use Muted Gold (#fff6d4) for background fills of suggestions or tags to softly indicate potential actions without being overly assertive.
Avoid using highly saturated, non-semantic colors for anything other than specific accent highlights like the Sunset Gradient.
Do not deviate from the Output Sans typeface for any UI text, as its consistent application defines the system's typographic identity.
Refrain from using strong shadows or complex elevation; UI depth is primarily achieved through subtle background color changes (e.g., Whisper Gray #f7f7f7) and borders (e.g., Stone Gray #e1e1e1).
Do not use dark backgrounds for main content areas; the system is built on a light theme with high contrast text.
Avoid excessive line-heights or loose letter-spacing, particularly for headlines, to preserve the system's crisp and condensed feel.
Do not use generic, unbranded icon sets; rely on the existing simple, mono-color icon style for consistency.









