Preview image. Unlock full-res
Midnight Digital Blueprint — a deeply saturated cobalt canvas meticulously laid out with crisp white and subtle gray text.
Alec Babala's design language is a 'Midnight Digital Blueprint', characterized by a singular, intense cobalt blue dominating the canvas. Text and interactive elements are rendered in stark white or subtly muted gray, creating high contrast and immediate focus. The system embraces a minimalist, high-density layout where content takes precedence, organized with subtle visual cues rather than heavy ornamentation. This creates a functional, almost stark, digital workspace feel. Use Midnight Cobalt (#194ae9) as the dominant background color for all primary canvas areas. Employ Ghost White (#ffffff) for all main textual content and active link states. Define interactive component borders using Dark Void (#000000) or Subtle Violet (#bfccf9) to create subtle divisions. Maintain a tight typographic scale using ui-sans-serif at 16px, weight 400 for all textual elements, overriding browser defaults. Structure content within a max-width of 600px, centered on the page for a focused reading experience. Separate sections with a vertical gap of 24px and use 8px for internal element spacing within components. Utilize Ghost White (#ffffff) for hover states on interactive links against the Midnight Cobalt background. Avoid introducing additional saturated colors; maintain the strictly monochrome + cobalt palette. Do not use different font families or weights beyond ui-sans-serif 400. Refrain from using drop shadows or complex graphical elements; rely on color and spacing for visual hierarchy. Do not vary font sizes significantly; keep the visual density consistent. Avoid using outlines or borders on elements that are not interactive or structural. Do not use gradients; the system relies on solid color blocks. Never justify text alignment; keep all text left-aligned.
