Airtable blends database structure with spreadsheet ease, friendly and colorful by design. Deep navy text (#181d26) sits on white, Airtable Blue (#1b61c9) drives actions and links, the Haas family uses slightly positive letter-spacing, and radii run 12px for buttons and 16–32px for cards. A fit for data, project, and no-code tools.
SaaSVibrant
Prompt Template
Base Template
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.
Variant Prompts
📱 Mobile
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.
📊 Dashboard
Design a dashboard with Airtable design language. Use Airtable color identity with #181d26 accents. Data-rich, organized, clear hierarchy.
📄 Landing Page
Design a landing page with Airtable visual identity. Use Airtable color identity with #181d26 accents. Compelling, conversion-focused.
Usage Examples
Airtable App
WebBuild a web app with Airtable design language and #181d26 color system.
Airtable Dashboard
DashboardCreate a dashboard using Airtable style with data visualization and Haas typography.
✅ Best For
- Design
- Structured-data collaboration tools
- Table-and-kanban hybrid product pages
❌ Avoid For
- Solemn financial trading terminals
- Ultra-minimal high-end brand pages
DESIGN.md File
A design system description in the open design.md format. Copy or download it and hand it to AI coding tools.