Midday

Midday

Preview image. Unlock full-res

Achromatic ledger, crisp yet silent

Industryfintech
Palette
#ffffff
#121212
#dbdad7
#18181b
#e6e4e0
#616161
#4caf50

Midday uses a minimalist, content-focused visual language with a strong emphasis on readability and clean information architecture. The design balances crisp sans-serif with a commanding serif for headlines, all within an open, achromatic canvas. Subtle borders and ghost-like components keep the interface feeling lightweight and direct, with a monochromatic palette reinforcing a sense of serious utility and precision. Use Hedvig Letters Sans at weight 400 for all body text and UI elements, with Ink Black (#121212) as the default text color. Apply Hedvig Letters Serif at weight 400 and letter-spacing -0.0250em for main headings and display text, using Ink Black (#121212). Define all structural boundaries with a 1px solid Ash Gray (#dbdad7) border to maintain a lightweight, precise aesthetic. Utilize Canvas White (#ffffff) as the dominant background for all primary content surfaces and page canvas. Form primary action buttons with a solid Deep Graphite (#18181b) background and Canvas White (#ffffff) text, always with a 0px border-radius. Ensure all interactive elements and badges with a soft, secondary role use a 9999px radii, contrasting with the sharp corners of content cards. Maintain a clear visual hierarchy by applying Muted Stone (#616161) for secondary text and helper elements. Avoid using box-shadows; visible elevation is created through subtle background color changes or strong typographic hierarchy instead. Do not introduce additional chromatic colors beyond Success Green (#4caf50), reserving it exclusively for semantic indicators and data accents. Never use rounded corners on content cards or panels; maintain the sharp, square aesthetic (0px radius) for all informational containers. Do not vary line-height unless explicitly defined by the type scale; follow the specified line-heights for each font size to maintain vertical rhythm. Avoid using bold weights for body text; rely on color contrast and spacing for emphasis within paragraphs. Do not use gradients for backgrounds or components; the system relies on flat colors and subtle textural variation. Refrain from using decorative imagery or full-bleed photography that breaks the clean, high-key achromatic canvas.

More like this