精選 · 開放 · 免費
Raycast
一款強大、AI 原生的指令面板與生產力啟動器。
ProductivityDark ModeRefinedDeveloper Tools
01
設計氣質 DNA
生產力啟動器速度AI開發者工具
您作業系統的高效能指揮中心。
02
色彩
#FFFFFFInk
#E6E6E6Ink soft
#0D0D0DBG
#111214BG soft
#1B1C1EBG quiet
#9C9C9DMuted
rgba(255, 255, 255, 0.1)Line
採用極致高對比深色模式，以深邃黑色為基底、清晰白色文字為主，並在首頁橫幅中加入一個強烈、引人注目的紅色強調色。
03
字型
humanist-sans · geometric-mono
- display
56px · 500 - h2
32px · 500 - body
16px · 400 - caption
13px · 500
使用 GeistMono 顯示技術規格與版本號碼。 · 大型展示文字採用緊湊字間距（-1px）。 · 內文使用常规字重（400），以確保在深色背景上的可讀性。
04
間距
4px
8px
12px
16px
24px
32px
48px
64px
96px
採用一致的 4px 格線，優先保留充裕的留白，以平衡濃密的深色使用者介面。
05
表面 (圓角 / 陰影 / 邊線)
sm · 6px
md · 8px
lg · 12px
pill · 999px
採用細微的 1px 實心邊框，顏色為 rgba(255, 255, 255, 0.1) 或深灰色。
rgba(0, 0, 0, 0.4) 0px 1.5px 0.5px 2.5px · rgb(27, 28, 30) 0px 0px 0px 1px · rgb(7, 8, 10) 0px 0px 0px 1px inset · rgba(255, 255, 255, 0.2) 0px 1px 1px 1px inset · rgba(215, 201, 175, 0.05) 0px 0px 20px 5px
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
以全寬度氛圍背景搭配置中首頁橫幅，其後接續結構化的內容區塊。
07
動效與互動
200msmicro
300mssmall
800msmedium
cubic-bezier(0.23, 1, 0.32, 1)easing
滑鼠懸停狀態採用流暢過渡效果（opacity、box-shadow、transform）。 · 內容出現時採用細微的 opacity 淡入效果。
按鈕與互動元素在 0.2s 過渡中改變 opacity 或 box-shadow。 · 細微的 transform 或縮放效果。
08
組件
- button 主要按鈕為白底黑字並具高圓角（膠囊狀），次要按鈕則採用外框或幽靈樣式。
- card 深色、帶有細微邊框的容器，通常帶有內陰影，用於承載擴充功能或功能預覽。
- chip 小型膠囊狀標籤，採用深色背景與細微邊框，用於功能標籤。
- input 截圖中未顯示，但推斷為帶有內陰影的深色凹陷欄位。
- hero 全視域首頁橫幅，具有醒目的對角線光束效果與置中的大型文字。
09
文案語氣與禁用清單
- 語氣 自信、簡潔且略帶技術感。
- 標題風格 簡短有力、強調效益（例如：「您通往一切的捷徑。」）。
- 按鈕文案 直接且以行動為導向（例如：「下載 Mac 版」、「試用新版 Raycast」）。
- 不要使用淺色主題——截圖顯示其背景為深邃的近黑色（#0D0D0D）。
- 不要使用圓潤、泡泡狀的使用者介面——截圖顯示其圓角更為方正、精緻（6-12px）。
- 不要使用多種明亮的強調色——截圖僅在首頁橫幅圖形中使用單一紅色強調色。
- 不要使用俏皮、手寫或花體字型——截圖使用簡潔的人文無襯線體與幾何等寬體。
- 不要使用厚重的陰影——截圖依賴細微的內陰影與細邊框來創造層次感。
- 不要將所有內文置中對齊——截圖顯示功能文字區塊採用左對齊。
- 避免: 避免過於隨意或俏皮的語言。
- 避免: 避免雜亂或喧鬧的版面佈局。
- 避免: 避免在首頁橫幅之外使用明亮、飽和的色彩。
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
Raycast 是一款高端開發者與生產力工具，定位為快速、AI 原生的指令啟動器。其視覺識別建立在一個超深色、高對比的配色方案上，以近黑色（#0D0D0D）和純白色為核心，並使用細微的灰色調來建立層次。字體方面，使用者介面採用簡潔的人文無襯線體（Inter），技術細節則使用幾何等寬體。關鍵設計規則：極度克制色彩使用，避免多重強調色；使用細微內陰影與細邊框而非厚重的立體陰影；確保充裕的留白以平衡濃密的深色表面。整體感覺是精緻、強大，且專注於效能。
en · zh-CN · zh-TW · ja · ko