Airtable 是把資料庫結構化能力裝進試算表體驗的低程式碼平台，介面友善、色彩豐富。設計上以白畫布搭配深藏青內文（#181d26），Airtable Blue（#1b61c9）承擔主操作與連結，Haas 雙字型家族搭配輕微正字距，按鈕 12px、卡片 16-32px 圓角。適合資料協作、專案管理與無程式碼工具類介面。
Airtable設計與創意
提示詞範本
基礎範本
Design a Airtable-inspired interface. - White canvas with deep navy text (#181d26); - Airtable Blue (#1b61c9) as primary CTA and link color; - Haas + Haas Groot Disp dual font system; - Positive letter-spacing on body text (0.08px–0.28px); - 12px radius buttons, 16px–32px for cards. Colors: #181d26, #1b61c9, #ffffff, #006400 with #181d26 accent. Typography: Haas.
變體提示詞
📱 行動裝置
Design a mobile app with Airtable aesthetics. Use Airtable color identity with #181d26 accents. Clean, touch-friendly, native feel.
💻 Web 端
Design a web application with Airtable style. Use Airtable color identity with #181d26 accents. Professional, responsive layout.
📊 儀表板
Design a dashboard with Airtable design language. Use Airtable color identity with #181d26 accents. Data-rich, organized, clear hierarchy.
📄 到達頁
Design a landing page with Airtable visual identity. Use Airtable color identity with #181d26 accents. Compelling, conversion-focused.
使用範例
Airtable 應用程式
Web 端Build a web app with Airtable design language and #181d26 color system.
Airtable 儀表板
儀表板Create a dashboard using Airtable style with data visualization and Haas typography.
✅ 適用情境
- 設計協作
- 結構化資料協作工具的介面
- 表格與看板混合的產品頁面
❌ 不適用情境
- 莊重嚴肅的金融交易終端
- 追求極簡藝術感的高階品牌頁
DESIGN.md 檔案
符合 design.md 開放格式的設計系統描述，可複製或下載後交給 AI 程式設計工具使用。