llms.txt

Hatch Brand Identity

A complete profile of Hatch's visual system — colors, typography, components, and personality.

Quick Facts

Field Value
Primary #9AB7B2
Accent #0F281B
Body Font Instrument Sans
Heading Font Instrument Sans SemiCondensed

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

Tone: modern · Energy: medium · Audience: business professionals seeking AI communication solutions

Hatch Brand in the Wild

Real-world brand assets — ads, campaigns, marketing materials.

Machine-Readable Profile

{
 "colorScheme": "light",
 "fonts": [
 {
 "family": "Instrument Sans",
 "role": "body"
 },
 {
 "family": "Instrument Sans SemiCondensed",
 "role": "heading"
 }
 ],
 "colors": {
 "primary": "#9AB7B2",
 "secondary": "#2B4539",
 "accent": "#0F281B",
 "background": "#F9F8F6",
 "textPrimary": "#0F281B",
 "link": "#0F281B"
 },
 "typography": {
 "fontFamilies": {
 "primary": "Instrument Sans",
 "heading": "Instrument Sans SemiCondensed"
 },
 "fontStacks": {
 "heading": [
 "Instrument Sans",
 "Georgia",
 "sans-serif"
 ],
 "body": [
 "Instrument Sans",
 "Arial",
 "sans-serif"
 ],
 "paragraph": [
 "Instrument Sans",
 "Arial",
 "sans-serif"
 ]
 },
 "fontSizes": {
 "h1": "110px",
 "h2": "20px",
 "body": "18px"
 }
 },
 "spacing": {
 "baseUnit": 4,
 "borderRadius": "2px"
 },
 "components": {
 "input": {
 "background": "#FFFFFF",
 "textColor": "#0F281B",
 "borderColor": null,
 "borderRadius": "14px",
 "shadow": "none"
 },
 "buttonPrimary": {
 "background": "#0F281B",
 "textColor": "#FFFFFF",
 "borderRadius": "12px",
 "shadow": "none"
 },
 "buttonSecondary": {
 "background": "#FFFFFF",
 "textColor": "#0F281B",
 "borderColor": "#D6D9D5",
 "borderRadius": "10px",
 "shadow": "none"
 }
 },
 "images": {
 "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%2031%22%20class%3D%22u-svg%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M87.9877%2026.9944V4.17556H92.3732V12.7643C93.263%2011.3064%2094.5977%2010.5141%2096.3773%2010.5141C98.6336%2010.5141%20100%2012.0354%20100%2014.6025V26.9944H95.6146V15.585C95.6146%2014.5074%2095.1379%2014.0003%2094.2481%2014.0003C93.0087%2014.0003%2092.3732%2015.0462%2092.3732%2016.2822V26.9944H87.9877Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E...%22,
 "favicon": "https://cdn.prod.website-files.com/6979136a27d403634304b470/69c313c2d3b72a9e8809db5b_favicon-2.png",
 "ogImage": "https://cdn.prod.website-files.com/6979136a27d403634304b470/69c2be9beb7874c215169569_hatch-homepage-og-image.png"
 }
}