Volume

Volume's design system evokes an editorial quality through stark contrasts and classic typographic choices. The visual style pairs deep, rich imagery with highly legible, monochrome UI elements. Text is typically dark on light, using a limited color palette that emphasizes clarity and content over decorative flair. Subtle radii are used primarily for interactive elements, while backgrounds remain sharp, creating a sophisticated and somewhat archival feel. Use 'Ink Black' (#272727) for all primary body and heading text for high contrast on light backgrounds. Apply Messina Sans weight 300 for display and large headings, and weight 350 for body text and navigation to maintain an editorial tone. Structure layouts with a maximum width of 1400px and ensure content is centered within this constraint. Employ 0px border-radius for main containers, buttons, and input fields to sustain a sharp, modern aesthetic, reserving 50px for small status pills. Utilize 'Canvas White' (#ffffff) as the dominant page and card background color to provide a clean reading experience. Maintain a comfortable element spacing of 10px between interactive items and form elements. Use distinct accent colors for 'Funding Status Pills' to immediately convey status or category, differentiating them from the main content. Avoid using decorative shadows or excessive gradients; keep surfaces flat and defined by solid colors or subtle borders. Do not introduce additional typefaces; Messina Sans is the sole typographic voice of the brand. Do not use highly saturated colors for large UI elements; confine chromatic accents to small, functional components like status pills. Refrain from altering the established 0px border-radius on major components, as this is a core aspect of the brand's sharp visual identity. Do not deviate from the high-contrast color pairings for text and backgrounds to preserve readability. Avoid arbitrary uses of spacing; adhere to the 10px element gap and 30px card padding for consistent rhythm. Do not apply 0.0700em letter-spacing to large headlines; it is specifically for smaller text to enhance legibility.