A24

A24’s visual design is a stark, high-contrast exploration of cinematic black and white. It features an almost entirely achromatic palette, punctuated by bold, unapologetic typography that dictates hierarchy through size and placement rather than color. Layouts are spacious, almost sparse, creating a gallery-like feel where content commands attention. Interactive elements are minimal, often border-only or ghost-like, preserving the strong monochromatic aesthetic. Use Midnight Ink (#000000) as the primary text color on light backgrounds and Canvas White (#FFFFFF) for text on dark backgrounds to ensure high contrast. Apply NB International Web at weight 400 for all body copy and standard UI text, reserving weight 500 for bolder headings and key callouts. Maintain a 0px border-radius across all interactive elements, containers, and images to enforce a sharp, deliberate aesthetic. Utilize Ghost Buttons (transparent background, text matching its border color) for all primary actions, distinguishing them with text color and subtle borders rather than solid fills. Employ consistent vertical spacing of 96px for main section separation, establishing a clear rhythm and generous breathing room between content blocks. Prioritize text and bold typography as the primary means of conveying visual hierarchy; avoid decorative elements or heavy gradients. Use NB International Mono Web 15px with -0.0650em letter spacing for any stylized metadata or specific emphasis where a precise, technical tone is needed. Do not introduce saturated colors; the palette is strictly achromatic with black, white, and a range of grays. Avoid using box-shadows or other elevation techniques; the design relies on flat surfaces and high contrast for definition. Do not use default browser link styling; all links should be explicitly styled with NB International Web and only reveal an underline on hover/focus. Do not introduce rounded corners; all elements should adhere to the strict 0px border-radius. Avoid excessive imagery; when images are used, they should be high-contrast, often black and white, and serve a functional or editorial purpose within the gallery-like layout. Do not add heavy borders or background fills to buttons; maintain the ghost button aesthetic. Avoid centered text blocks for large content sections; prefer left-aligned typography for readability and structured presentation.