Gawker

Gawker presents a stark, high-contrast visual system built on black text on a white canvas, reminiscent of traditional newsprint. The design prioritizes readability and directness with minimal embellishment—borders are thin and rectangular, and color is used sparingly, primarily as an electrifying blue accent for interactive elements. Typography is robust and sans-serif, anchoring the content without distraction while a bold, custom headline font injects personality. The overall tone is functional and no-nonsense, with clear visual separation for content blocks. Use Midnight Ink (#000000) for all primary text and headlines to maintain high contrast and readability. Apply Canvas White (#ffffff) as the primary background for all page sections and content cards. Utilize Electric Blue (#2563eb) exclusively for primary interactive elements, such as filled buttons or distinct action borders. Employ Faded Silver (#e5e7eb) for subtle separation, such as card borders or thin dividers, keeping the visual hierarchy clear without heavy lines. Maintain a consistent 0px border-radius for all interactive components and content blocks to preserve the sharp, direct aesthetic. Use 'etna-x-condensed' for impactful display headlines (40px, weight 400) and 'Inter' for all body text and general UI (16px, weight 400). Employ sectionGap of 86px for vertical separation between major content blocks. Do not introduce additional saturated colors beyond Electric Blue (#2563eb) for interactive states or accents; maintain a primarily achromatic palette. Avoid decorative shadows or complex gradients; the system relies on flat surfaces and clean lines. Do not use rounded corners beyond the specified 6px radius for general elements inside the card, if any, or any component for which the radius is specified to be 0px. Refrain from using more than two font families; 'Inter', 'Arial', and 'etna-x-condensed' are sufficient for all typographic needs. Do not vary line-height inconsistently; adhere to the specified values for each text size to ensure consistent vertical rhythm. Avoid placing text directly on top of images or complex backgrounds; content should always reside on clear white or solid surfaces. Do not implement extensive iconography; use minimal, functional icons that are single-color if needed.