Raycast

• Native-app discipline on the web — Raycast doesn't translate; it ports. Every visual primitive (key caps, hover states, menu rows) borrows vocabulary from the macOS Human Interface Guidelines, not web marketing.
• Dual-family typography as a statement — Inter and SF Pro sharing a page sounds like a style collision, but Raycast treats them as complementary voices: Inter for editorial text, SF Pro for chrome and controls. That's how they make the page feel Apple-native without breaking web accessibility.
• Open token system as brand transparency — eighty named CSS variables exposed in plain sight, with semantic naming (rounding/spacing/color) that mirrors their internal design tokens. That's how they signal 'we design with engineers at the table'.
• Skeuomorphic shadow grammar — keyboard-key components use inset highlights plus outset depth shadows, a pattern abandoned by most post-2018 interfaces. Raycast revives it because their product is literally about keyboard keys.
• Atmospheric multi-gradient hero language — twelve gradients, mostly radial, arranged like stage lighting rather than hero decoration. Each section gets its own color temperature (purple, cerulean, coral) against the same near-black base.
• Signature ease-out-expo timing — the cubic-bezier curve repeats six times across their transition stack, giving every micro-interaction the same buttery snap. That consistency is invisible individually, decisive in aggregate.

• How Raycast ports macOS vocabulary to the web without looking like a mid-tier Mac port — most 'Apple-inspired' landings ape the blur and round corners then stop. Steal the mindset: the details Apple cares about (keyboard-focus rings, inset key shadows, menu-row hover states) are where the signal lives.
• How eighty exposed CSS variables read as confidence instead of leakage — most engineering-heavy design systems bury their tokens inside class abstractions. Raycast publishes them in plain view. Steal the mindset: radical token transparency is a recruiting signal.
• How skeuomorphic key-cap shadows survive in 2026 without feeling retro — inset highlight plus outset depth, calibrated at sub-pixel scales (0.5px, 1.5px). Steal the mindset: skeuomorphism is fine when the product is literally the metaphor.
• How a dual-family typography system avoids the 'style conflict' trap — Inter and SF Pro have enough x-height parity that they share line heights gracefully. Steal the mindset: font pairing works when the grids align, not when the moods match.

• Don't port macOS visual language if your product isn't keyboard-native — Raycast earns the discipline because they literally make a keyboard-driven launcher. A SaaS dashboard with key-cap shadows will look like an AI-generated mockup.
• Don't expose eighty design tokens without maintaining them — open variable systems require ruthless discipline. The day a `--spacing-3-5` appears as a hack, the whole system loses credibility.
• Don't copy the skeuomorphic shadow pattern without the native-feeling motion — inset shadows without the matching ease-out-expo micro-timing feel static and dated.

The page reads like a preference pane that escaped into a browser — every surface elevated by a breath of inset light, every corner radius chosen with a millimeter's intentionality, every hover state timed to the same unhurried curve. There's no attempt to prove warmth or humanity; the craft itself is the invitation. You can almost hear the click of keys as you scroll. It's the rare kind of landing that makes you want to close the tab not because it failed to hold attention, but because you want to go use the product.

• The dark-native productivity cohort's most macOS-loyal member — shoulder-to-shoulder with Arc (browser reimagined), Warp (terminal modernized), and Superhuman (email accelerated). All four refuse the cross-platform compromise; Raycast goes furthest by also shipping the visual vocabulary.
• Part of the 2024+ keyboard-renaissance generation — where Linear taught teams to design for keyboard shortcuts, Raycast builds the infrastructure for keyboard workflows. Sibling taste cohort: Replit, Cursor, Codeium — all tools that treat keystrokes as the primary input modality.
• The quiet elder of open-token marketing landings — Figma's thirty CSS variables felt radical in 2023; Raycast's eighty makes it category-standard. Future tokens-transparent landings (Vercel, Plasmic, Framework X) borrow this posture of radical engineering transparency.