Raycast — Design System Inspiration
Power-user productivity: deep blacks, neon accents, keyboard-native command surfaces.
Design System Inspiration of Raycast
1. Visual Theme & Atmosphere
2. Color Palette & Roles
Primary
Secondary & Accent
Surface & Background
Neutrals & Text
Semantic & Accent
# Design System Inspiration of Raycast ## 1. Visual Theme & Atmosphere Raycast's marketing site feels like the dark interior of a precision instrument — a Swiss watch case carved from obsidian. The background isn't just dark, it's an almost-black blue-tint (`#07080a`) that creates a sense of being inside a macOS native application rather than a website. Every surface, every border, every shadow is calibrated to evoke the feeling of a high-performance desktop utility: fast, minimal, trustworthy. The signature move is the layered shadow system borrowed from macOS window chrome: multi-layer box-shadows with inset highlights that simulate physical depth, as if cards and buttons are actual pressed or raised glass elements on a dark desk. Combined with Raycast Red (`#FF6363`) — deployed almost exclusively in the hero's iconic diagonal stripe pattern — the palette creates a brand that reads as "powerful tool with personality." The red doesn't dominate; it punctuates. Inter is used…
By @meliwat - License: MIT
Raw markdown