Airtable

# Airtable Design System

## Visual Theme & Atmosphere
Friendly data power. The bright green (#20C933) signals growth and action. Colorful record types make databases feel approachable. The design transforms complex data structures into visual, collaborative workspaces.

## Color Palette & Roles
| Token | Hex | Role |
|-------|-----|------|
| Primary | #20C933 | Brand green, actions |
| Background | #FFFFFF | Clean canvas |
| Surface | #F7F7F7 | Panels, cards |
| Text | #333333 | Primary text |
| Muted | #666666 | Secondary text |
| Border | #E3E3E3 | Subtle borders |

## Typography Rules
- **Heading Font**: Gotham, system-ui, sans-serif
- **Body Font**: Gotham, system-ui, sans-serif
- **Base Size**: 14px
- **Line Height**: 1.5

## Component Stylings
- **Buttons**: Green bg, white text, rounded
- **Data Tables**: Grid-based, colorful record types
- **Cards**: White surface, subtle shadow

## Agent Prompt Guide
Use bright green accents, colorful data elements, table/grid layouts, friendly approachable styling.