flask.do

A near-black (#0e0e0e) video-review landing page that lets the product carry nearly all the color. The chrome is strictly monochrome: system sans (ui-sans-serif) at weight 500 with tight negative tracking, gray body copy, hairline-bordered pills and smoky charcoal panels. Color only enters through the content: the teal-and-pink film still inside the app mock, and the small colored cursors of people and AI agents perched on the headline. The hero is unusually patient, with roughly 400px of empty black above a centered two-line H1, and a faint dot-matrix field fades in behind the headline and the product frame. Lower down, sections alternate between a left-aligned headline beside a live UI fragment and full-width app screenshots: permission popovers, a side-by-side version compare, an agent chat log and a radial integrations hub. Each is rendered as real interface rather than illustration. The overall effect is a calm, expensive tool for creative professionals that treats agents as first-class collaborators.

Build on a near-black ground (#0c0c0c to #0e0e0e) with no gradients. Use charcoal surfaces (#161616 to #1a1a1a), #2d2d2d hairlines and grays #6f7070 / #919192 / #acacac for secondary text; primary text is #fafafa. Keep the UI chrome fully monochrome and let color come only from content (photography, video frames, partner logos), plus at most one muted brand hue such as teal #45838c or a dusty rose #dfb3b1 used sparingly. Set everything in the system sans (ui-sans-serif / SF) at weight 500 for headings: H1 64px/1.08 with -1.6px tracking, H2 44px/1.1 with -1.1px tracking. Use 12px uppercase eyebrows at +0.6px tracking, 16px/1.45 body at -0.16px in gray, and 13px/500 for controls. Give the logo alone a serif italic for contrast. Buttons are pills (9999px radius, 32px tall, 14px horizontal padding): the default is ghost with a 1px #2d2d2d hairline. A primary can be a soft light-gray pill with a subtle top highlight and drop shadow, like a physical key. Cards and app frames use 10–16px radii with hairline borders and no visible shadows. Add texture with a faint dot-matrix field (about 1px #2d2d2d dots on a 12px grid) that fades at its edges. Show the product as real, high-fidelity UI fragments (popovers, scrubbers, chat logs, tiny version chips) rather than illustrations, and use monospace for timecodes and counts. Be generous with vertical space (300–400px of empty black between beats), alternate a left-aligned headline beside a UI fragment with full-width screenshots, and keep the nav a chromeless strip: wordmark left, 13px gray links and one ghost pill right.