llms.txt
Airtable Brand Identity
A complete profile of Airtable's visual system — colors, typography, components, and personality.
Quick Facts
| Field | Value |
|---|---|
| Primary | #505764 |
| Accent | #181D26 |
| Body Font | Haas |
| Heading Font | Haas |
Color Palette
- primary: #505764
- secondary: #8E949D
- accent: #181D26
- background: #F8FAFC
- textPrimary: #181D26
- link: #F0F6FF
Typography
- primary: Haas — https://fonts.google.com/specimen/Haas
- heading: Haas — https://fonts.google.com/specimen/Haas
UI Components
- buttonPrimary: background=#181D26, textColor=#FFFFFF, borderColor=#181D26, borderRadius=12px, shadow=rgba(0, 0, 0, 0.32) 0px 0px 1px 0px, rgba(0, 0, 0, 0.08) 0px 0px 2px 0px, rgba(45, 127, 249, 0.28) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 0.5px inset
- buttonSecondary: background=transparent, textColor=#181D26, borderColor=#181D26, borderRadius=12px, shadow=rgba(0, 0, 0, 0.32) 0px 0px 1px 0px, rgba(0, 0, 0, 0.08) 0px 0px 2px 0px, rgba(0, 0, 0, 0.08) 0px 1px 3px 0px, rgba(1, 20, 53, 0.12) 0px 0px 0px 1px inset
Brand Personality
Tone: modern · Energy: medium · Audience: business professionals and enterprises
Machine-Readable Profile
{
"colorScheme": "light",
"fonts": [
{
"family": "Haas",
"role": "body"
}
],
"colors": {
"primary": "#505764",
"secondary": "#8E949D",
"accent": "#181D26",
"background": "#F8FAFC",
"textPrimary": "#181D26",
"link": "#F0F6FF"
},
"typography": {
"fontFamilies": {
"primary": "Haas",
"heading": "Haas"
},
"fontStacks": {
"heading": [
"Haas",
"-apple-system",
"BlinkMacSystemFont",
"Segoe UI",
"Roboto",
"Oxygen",
"Ubuntu",
"Cantarell",
"Fira Sans",
"Droid Sans",
"Helvetica Neue",
"sans-serif"
],
"body": [
"Haas",
"-apple-system",
"BlinkMacSystemFont",
"Segoe UI",
"Roboto",
"Oxygen",
"Ubuntu",
"Cantarell",
"Fira Sans",
"Droid Sans",
"Helvetica Neue",
"sans-serif"
],
"paragraph": [
"Haas",
"-apple-system",
"BlinkMacSystemFont",
"Segoe UI",
"Roboto",
"Oxygen",
"Ubuntu",
"Cantarell",
"Fira Sans",
"Droid Sans",
"Helvetica Neue",
"sans-serif"
]
},
"fontSizes": {
"h1": "48px",
"h2": "14px",
"body": "14px"
}
},
"spacing": {
"baseUnit": 4,
"borderRadius": "12px"
},
"components": {
"buttonPrimary": {
"background": "#181D26",
"textColor": "#FFFFFF",
"borderColor": "#181D26",
"borderRadius": "12px",
"shadow": "rgba(0, 0, 0, 0.32) 0px 0px 1px 0px, rgba(0, 0, 0, 0.08) 0px 0px 2px 0px, rgba(45, 127, 249, 0.28) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 0.5px inset"
},
"buttonSecondary": {
"background": "transparent",
"textColor": "#181D26",
"borderColor": "#181D26",
"borderRadius": "12px",
"shadow": "rgba(0, 0, 0, 0.32) 0px 0px 1px 0px, rgba(0, 0, 0, 0.08) 0px 0px 2px 0px, rgba(0, 0, 0, 0.08) 0px 1px 3px 0px, rgba(1, 20, 53, 0.12) 0px 0px 0px 1px inset"
}
},
"images": {
"logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20style%3D%22shape-rendering%3AgeometricPrecision%22%20viewBox%3D%220%200%20200%20170%22%3E%3Cpath%20fill%3D%22%23181D26%22%20d%3D%22M90.039%2012.367%2024.079%2039.66c-3.667%201.519-3.63%206.729.062%208.192l66.235%2026.266a24.58%2024.58%200%200%200%2018.12%200l66.236-26.266c3.69-1.463%203.729-6.673.06-8.191l-65.958-27.294a24.58%2024.58%200%200%200-18.795%200M105.312%2088.46v65.617c0%203.12%203.147%205.258%206.048%204.108l73.806-28.648a4.42%204.42%200%200%200%202.79-4.108V59.813c0-3.121-3.147-5.258-6.048-4.108l-73.806%2028.648a4.42%204.42%200%200%200-2.79%204.108M88.078%2091.846l-21.904%2010.576-2.224%201.075-46.238%2022.155c-2.93%201.414-6.672-.722-6.672-3.978V60.088c0-1.178.604-2.195%201.414-2.96a5%205%200%200%201%201.12-.84c1.104-.663%202.68-.84%204.02-.31L87.71%2083.76c3.564%201.414%203.844%206.408.368%208.087%22%20style%3D%22fill%3A%20rgb(24%2C%2029%2C%2038)%20!important%3B%22%2F%3E%3Cpath%20fill%3D%22%23181D26%22%20d%3D%22m88.078%2091.846-21.904%2010.576-53.72-45.295a5%205%200%200%201%201.12-.839c1.104-.663%202.68-.84%204.02-.31L87.71%2083.76c3.564%201.414%203.844%206.408.368%208.087%22%20style%3D%22fill%3A%20rgb(24%2C%2029%2C%2038)%20!important%3B%22%2F%3E%3C%2Fsvg%3E",
"favicon": "https://www.airtable.com/favicon.ico",
"ogImage": "https://www.airtable.com/images/airtable-seo.jpg"
}
}