glaze.app

Glaze (by Raycast) is a near-black Mac-app launch page where almost everything is monochrome and one royal blue does all the talking. The ground is a flat #121212 with a barely-lighter #2c2b2b tier for the big rounded showcase panels; the hero headline is Instrument Sans at 48/52.8, weight 500, tracked −1.2px, set centered over an Inter 18px subline in mid-gray. Chrome is glassy: a floating pill nav with a translucent dark fill that stays pinned while a colorful app grid slides behind it, and every control — nav CTA, hero buttons, "Watch Demo" — is a 36px pill, either solid blue or a soft outlined gray. The product itself carries the color: real macOS windows, a blue blob orb, movie posters and pastel app icons float on a dark silk backdrop inside a 26px-radius frame, so the page reads as a quiet dark stage with the apps as the show. Big, deliberate vertical breathing room between sections and Apple-style card sections ("Describe and create" + one-line subline + a window mock) give it a calm, premium, first-party feel.

Build a dark, single-accent product page. Page ground #121212; raised panels #2c2b2b at ~18–26px radius with no visible border, relying on the tonal step for edges. Text: white for headings, #8c8d8d-ish gray for sublines, #706f6f for fine print. One accent only, royal blue #245aca (palette sibling #265ed1), used for the primary CTA fill and nothing decorative; white text on it. Headings in Instrument Sans, medium (500), tight tracking (−1.2px at 48px, line-height 1.1), centered in the hero and left-aligned inside cards; body in Inter 18/29 regular, 14px 500 for buttons. Every interactive control is a 36px pill (9999px radius, 16px horizontal padding): primary = solid blue, secondary = outlined mid-gray with a leading icon. Navigation is a floating translucent capsule fixed at top with a hairline separator before account actions and the blue CTA at its end. Let the product supply the color: show real app windows, icons and imagery inside dark showcase frames — ideally over a subtle dark silk or gradient texture — and keep the surrounding page monochrome. Section rhythm: short heading + one-line subline, then a large mock that can bleed off the card's bottom edge; leave generous (200px+) vertical space between sections. Text links with a trailing → arrow in gray replace tertiary buttons.