精選 · 開放 · 免費

Rekki

專為批發經銷商打造的辦公室機器人

01

設計氣質 DNA

一個為批發經銷商打造的 AI 驅動辦公室助理

02

色彩

高對比深色模式，搭配單一鮮亮藍色作為可操作元素的強調色

03

字型

geometric-sans · sans-serif · monospace

• display56px · 700
• body-lg24px · 400
• body-md18px · 400
• body-sm16px · 400
• label12px · 400

大型標題使用緊湊的負字母間距 · 導覽連結與小型標籤使用大寫字母 · 維持高對比度（白底黑字）以確保可讀性

04

間距

以 4px 為基數，區塊分隔使用較大的跳躍值 (32, 48)

05

表面 (圓角 / 陰影 / 邊線)

1px solid rgba(255, 255, 255, 0.12)

0px 0px 0px 1px rgba(255, 255, 255, 0.12) inset · 0px 0px 1px 0px rgba(255, 255, 255, 0.2)

06

版面

全寬深色首頁區域搭配居中內容，後接多欄位功能網格

07

動效與互動

背景元素的細微淡入效果 · 按鈕懸停狀態的流暢過渡

互動元素的細微亮度或透明度變化 · 按鈕按下時的即時視覺回饋

08

組件

• button 大型、膠囊形 (border-radius: 59px) 實色藍色 (#0063E1) 按鈕，搭配白色粗體文字
• card 深色背景 (#040910) 容器，帶有細微 1px 內嵌邊框與圓角 (16px)
• chip 深色半透明徽章，採用圓角設計，用於 AI 狀態更新
• input 深色主題輸入欄位，帶有細微邊框
• hero 高對比標題與副標題，疊加於深色、帶有細微照片質感的背景之上

09

文案語氣與禁用清單

• 語氣 自信、專業、結果導向
• 標題風格 粗體、直接、以效益為導向（例如：「專為...打造的辦公室機器人」）
• 按鈕文案 以行動為導向且高對比（例如：「立即體驗示範」、「預約示範」）

• 不要使用白色背景 — 螢幕截圖顯示的是深黑色 (#000000) 作為主要背景
• 不要使用圓角矩形作為主要按鈕 — 螢幕截圖顯示的是膠囊形按鈕 (border-radius: 59px)
• 不要使用柔和灰色文字作為標題 — 螢幕截圖顯示主要標題使用高對比白色 (#FFFFFF)
• 不要使用裝飾性襯線字體 — 螢幕截圖顯示的是簡潔的幾何與無襯線字體類別
• 不要使用多種強調色 — 螢幕截圖顯示單一主導藍色 (#0063E1)
• 不要使用厚重陰影 — 螢幕截圖顯示的是細微 1px 內嵌邊框與柔和發光效果
• 避免: 俏皮行話
• 避免: 被動語態
• 避免: 過度複雜的技術術語

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko