screenroveScreenrove / Design references
Airtable design guide
Base navigation sits above table and view controls.
Typography
Observed family: ATSeasonSans, Haas, -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif. Font files are not distributed.
marketing: Light and accent surfaces
- color 1:
rgb(37, 79, 173) - color 2:
rgb(51, 56, 64) - color 3:
rgb(24, 29, 38) - color 4:
rgb(0, 0, 0) - color 5:
rgb(68, 68, 68) - background 6:
rgb(255, 255, 255)
Layout and components
- Base navigation sits above table and view controls.
- A view sidebar sits beside a dense data grid.
- Toolbar popovers expose filtering, grouping and density.
- Grid fields use typed column headers.
- View controls use compact icon buttons.
- Searchable field lists power sort and visibility controls.
product: Light data grid; computed styles unavailable
Layout and components
- Base navigation above table and view controls.
- Left view sidebar beside a dense grid.
- Toolbar popovers expose view configuration.
- Typed field headers.
- Compact toolbar icon buttons.
- Search and field selection popovers.
Computed styles from captured visible DOM. Actual source viewports are recorded in work evidence; captures are not upscaled to the brief target. Airtable authenticated DOM returned a zero viewport and no usable computed geometry; product observations are visual only and hotspots are omitted.
Download DESIGN.md