# glaze.app Source: https://www.glaze.app/ Captured: 2026-09-13 Tags: saas, landing, dark, both, dark-techno, minimal, premium, confident, technical, calm, futuristic Colors: #111111, #2c2b2b, #4f4d4d, #706f6f, #8c8d8d, #265ed1, #1a366c, #1b50b8 Type (h1): Instrument Sans · 48px/52.8px · 500 · tracking -1.2px — "Desktop apps, reimagined by you." Type (h2): Instrument Sans · 30px/37.5px · 500 · tracking -0.75px — "Build tools for everyday life" Type (h3): Inter · 16px/22px · 500 — "Mia Calendar" Type (body): Inter · 18px/29.25px · 400 — "Create any app in minutes by chatting with AI. Beautiful, powerful, and truly pe" Type (small): Inter · 12px/16.2px · 400 — "macOS Tahoe and Apple Silicon required" Type (button): Inter · 14px/20px · 500 — "Download" Button (primary): "Download" — fill #245aca, text #ffffff, radius 9999px, border 0px, padding 0px 16px, height 36px, type 14px/500 Button (secondary): "Reinvent your wheel" — text #ffffff, radius 9999px, border 1px, padding 0px 16px 0px 14px, height 40px, type 14px/500 Radii: 9999px (17), 18px (11), 26px (1) ## Images - Hero (desktop): https://media.lvly.design/library/glaze-app/hero.webp?v=e1d89d6e - Page crop (mid-1): https://media.lvly.design/library/glaze-app/mid-1.webp?v=8d666647 - Page crop (mid-2): https://media.lvly.design/library/glaze-app/mid-2.webp?v=0905730a - Hero (mobile): https://media.lvly.design/library/glaze-app/mobile-hero.webp?v=f55878d2 - Full page (desktop): https://media.lvly.design/library/glaze-app/full.jpg?v=a48db160 - Full page (mobile): https://media.lvly.design/library/glaze-app/mobile-full.jpg?v=f71b4840 - Clip preview (mp4): https://media.lvly.design/library/glaze-app/video-cti118.preview.mp4?v=e6039adf 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. ## Steal-worthy details - Floating pill navigation: a translucent near-black capsule with a hairline divider between links and account actions, ending in a solid-blue "Download" pill — it stays legible over a colorful scrolling grid because of the blur/tint, not a hard bar. - Two-tone eyebrow "Glaze by Raycast": product name in white, publisher in muted gray, same size — a parent-brand credit without a second logo. - Paired hero CTAs: solid blue "Download for Mac" with an Apple glyph next to an outlined gray "Reinvent your wheel" with a filled play icon — primary and secondary share height, radius and weight, only fill differs. - Requirement line ("macOS Tahoe and Apple Silicon required") as tiny gray text right under the buttons — the honest fine print, placed where you'd look before clicking. - Showcase frame with a 26px radius and a dark silk/satin texture behind the app windows; the windows overlap at different depths with a play button centered over the cluster. - Store strip: rounded-square app icons with gradient art, app name in white, author with a tiny avatar in gray beneath, then a single "Explore the Glaze Store →" text link instead of a button. - Feature cards that hold a heading + one-sentence subline top-left and a small pill action ("Watch Demo") top-right, with the mock filling the rest of the card and bleeding off its bottom edge. - Agent-progress mock ("Thought for 5s / Project set-up / Planning") as a macOS window with traffic lights and a titled pill tab — the product's thinking shown as UI, not as a chat bubble. ## Style recipe 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.