Preview image. Unlock full-res
Crisp monochrome canvas
Ctrl employs a high-contrast, minimalist interface with a strong focus on typography and subtle organic accents. Bold, large black text dominates white backdrops, establishing a clear visual hierarchy. Interactive elements are sparingly colored with vibrant, almost neon green and yellow, creating distinct focal points without overwhelming the monochrome base. Cards introduce soft, rounded corners and muted background tints, adding gentle variations to the otherwise stark presentation. The overall impression is one of crisp efficiency and modern simplicity, with functional accents. Prioritize Absolute Black (#000000) text on Polar White (#ffffff) or Light Ash (#f9faf9) backgrounds for all primary content to ensure high contrast and readability. Use Tomato Grotesk at weight 600 for all primary headings and weight 500 for body text and navigation, adjusting sizes according to the type scale. Apply 35.12px or 52.68px border-radius to interactive elements like buttons and inputs for a distinct, soft pill-like shape. Utilize Vivid Green (#05c92f), Sunshine Yellow (#fcea59), Blush Pink (#ffd0e2), and Sky Blue (#a7cbf6) exclusively as accent colors for headings or decorative card backgrounds, not for primary interface elements. Maintain generous spacing with a minimum element gap of 18px and section/card padding of 26px to ensure a spacious and uncluttered layout. Employ the Ghost Bordered Button style for secondary actions or navigation, explicitly outlining them with Graphite (#0f0f0f) borders and text and 0px radius. Avoid using multiple font families; adhere strictly to Tomato Grotesk across all textual elements. Do not introduce shadows for elevation; rely on color contrast and subtle background tints for depth and layering. Refrain from using accent colors for large background areas or primary text; reserve them for functional highlights or decorative touches. Do not deviate from the established border radii; maintain 17.56px for cards and 35.12-52.68px for buttons and inputs. Do not overcrowd sections; preserve the spacious density by adhering to the established section and element gaps. Avoid generic button styles that don't match the specific filled, ghost, or pill-bordered variants with their precise radii and color treatments. Do not use dark backgrounds for full sections; maintain the dominant light theme with white and light gray canvases.
