Airtable 是把数据库结构化能力装进电子表格体验的低代码平台，界面友好、色彩丰富。设计上以白画布配深藏青正文（#181d26），Airtable Blue（#1b61c9）承担主操作与链接，Haas 双字体家族配轻微正字距，按钮 12px、卡片 16-32px 圆角。适合数据协作、项目管理与无代码工具类界面。
效率与 SaaSVibrant
提示词模板
基础模板
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 编程工具使用。