Preview image. Unlock full-res
Monochrome, text-first workbench.
Dul Zorigoo's design system evokes an organized, understated workspace with strong typographic presence. It uses a near-monochromatic palette where all interface elements exist within a narrow range of grays, allowing content to take visual precedence. Interactions are subtle, marked by soft borders and minimal spatial shifts rather than vivid color, creating a quiet, focused user experience.
Prioritize Tarmac (#252525) for all primary text and headings.
Use Canvas (#ffffff) for all main backgrounds and surface elements.
Define separation with Fog (#ebebeb) for subtle borders and dividers.
Apply an 8px border-radius to all interactive elements like buttons and links.
Use Midnight (#000000) and Ivory (#fbfbfb) exclusively for primary active button states.
Maintain a conservative use of spacing, adhering to 6px for element gaps and 32px for section separation.
Avoid using saturated or vivid colors; the palette is strictly achromatic with very limited exceptions.
Do not introduce strong shadows or excessive elevation; the design relies on flat surfaces and subtle borders.
Do not use multiple font families; all typography should adhere to the singular, strong typographic voice.
Avoid large, decorative headings; headlines are typically concise and integrated into the content flow.
Do not apply padding or margins that significantly deviate from the established 4px base unit or token values.
Do not use 0px border-radius for interactive elements unless it's a specific ghost button variant.
