Popcorn

Popcorn employs a modern, calm, and spacious aesthetic built on a largely monochrome palette. Light, soft surfaces and ample white space define the visual canvas. Typography is characteristically bold yet airy for headlines, conveying information with subtle authority, while body text remains minimal and legible. Small, rounded components with soft shadows and transparent accents give an impression of lightness and approachability. Use Midnight Graphite (#393737) for all primary text and main headlines. Apply Canvas White (#f7f7f7) for the main page background and soft button fills. Ensure all primary interactive elements like buttons and badges use a 100px border radius for a continuous pill shape. Implement the soft shadow rgba(0, 0, 0, 0.05) 0px 4px 20px 0px for all elevated cards to maintain a light visual weight. Reserve Untitled Serif for headlines and subheadings at larger sizes (40px and above) to distinguish them from UI text. Maintain a comfortable vertical rhythm with a default element gap of 16px and section gap of 64px. Avoid using highly saturated, vivid colors; the palette is intentionally subtle and achromatic. Do not introduce sharp corners or small radii; the system favors soft, rounded edges at 12px for cards and 100px for buttons. Do not use heavy, opaque drop shadows; stick to the light, ethereal shadow for elevation. Do not use generic system fonts; always specify Messina Sans for UI and body text, and Untitled Serif for display headings. Avoid tightly packed content; maintain ample spacing and allow sufficient whitespace around elements.