HARDCLO

HARDCLO uses a stark, high-contrast dark mode aesthetic, emphasizing content through pure black backgrounds and clean white typography. The design language is minimal and direct, leveraging large, expressive serif typography for brand identity and a single sans-serif family for all functional text. The intentional lack of color creates a raw, utilitarian feel, where the product imagery is the only source of visual vibrancy. Layouts are spacious and structured, preventing the high contrast from becoming overwhelming. Prioritize Midnight Noir (#000000) for all significant background areas to maintain the stark, high-contrast dark theme. Use Polar White (#ffffff) for all interactive text, primary content, and headlines to ensure maximum readability against the dark background. Apply Haas Grot Disp 65 (or Helvetica Neue, Arial as substitute) at 10px with -0.5px letter-spacing for all functional and navigation text. Reserve Playfair Display (or serif as substitute) at 101px for large, impactful brand headings and hero statements. Maintain a clear visual hierarchy by limiting color primarily to the achromatic scale, allowing imagery to be the only source of vividness. Utilize 1px Polar White (#ffffff) solid borders for interactive elements requiring emphasis, such as links or outlined buttons. Avoid introducing additional chromatic colors for UI elements; color should be reserved for product imagery. Do not use generic system fonts for branding or display text; stick to Playfair Display for visual impact. Do not use subtle variations of gray for backgrounds or text; the system relies on extreme black-and-white contrast. Avoid complex gradients or shadows across UI components; surfaces should remain flat and direct. Do not break the compact letter spacing of -0.5px for Haas Grot Disp 65 text, as this is integral to its visual character. Do not use excessive radii; components should retain a crisp, sharp edge without rounded corners.