hatch.json
Hatch Brand Identity
A complete profile of Hatch's visual system — colors, typography, components, and personality — extracted from http://usehatch.ai. Built for designers, agents, and AI tools.
- Page: https://characterquilt.com/branding/hatch
- Machine-readable JSON: https://characterquilt.com/branding/hatch.json
- Per-page llms.txt: https://characterquilt.com/branding/hatch/llms.txt
Quick Facts
| Field | Value |
|---|---|
| Primary | #9AB7B2 |
| Accent | #0F281B |
| Body Font | Instrument Sans |
| Heading Font | Instrument Sans SemiCondensed |
Color Palette
- primary: #9AB7B2
- secondary: #2B4539
- accent: #0F281B
- background: #F9F8F6
- textPrimary: #0F281B
- link: #0F281B
Typography
- primary: Instrument Sans — https://fonts.google.com/specimen/Instrument+Sans
- heading: Instrument Sans SemiCondensed — https://fonts.google.com/specimen/Instrument+Sans+SemiCondensed
Visual Assets
- 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%3Cpath%20d%3D%22M80.7749%2027.3114C77.2792%2027.3114%2074.6098%2024.3006%2074.6098%2018.8494C74.6098%2013.4299%2077.4063%2010.5142%2080.9337%2010.5142C84.1752%2010.5142%2086.6539%2012.701%2086.6539%2017.2331H82.7769C82.7769%2014.7293%2082.046%2013.937%2081.0609%2013.937C80.0122%2013.937%2079.0588%2014.8878%2079.0588%2018.8494C79.0588%2022.9061%2080.0122%2023.8885%2081.0609%2023.8885C82.046%2023.8885%2082.7769%2023.0962%2082.7769%2020.5925H86.6539C86.6539%2025.0929%2083.9527%2027.3114%2080.7749%2027.3114Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M72.0157%2027.3114C68.7108%2027.3114%2067.1536%2025.7584%2067.1536%2022.4941V14.254H65.088V10.8311H67.1536V7.69354L71.5391%205.76028V10.8311H74.1449V14.254H71.5391V22.4941C71.5391%2023.4449%2072.0475%2023.8886%2073.1598%2023.8886C73.5729%2023.8886%2073.9225%2023.7935%2074.272%2023.635V26.9311C73.8271%2027.1846%2073.0009%2027.3114%2072.0157%2027.3114Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M56.6973%2027.3113C54.7588%2027.3113%2053.2653%2025.7267%2053.2653%2023.1596C53.2653%2020.846%2054.1233%2019.4515%2056.7927%2018.0887L60.0659%2016.409V15.7117C60.0659%2014.2539%2059.6845%2013.6834%2058.7947%2013.6834C57.9049%2013.6834%2057.4283%2014.349%2057.4283%2015.7117H53.583C53.583%2012.7326%2055.7122%2010.5141%2059.1125%2010.5141C62.4175%2010.5141%2064.2607%2012.384%2064.2607%2015.585V24.3005C64.2607%2025.1879%2064.356%2026.107%2064.642%2026.9944H60.5743C60.3519%2026.4239%2060.2565%2025.7584%2060.2248%2025.0611C59.5256%2026.6141%2058.3181%2027.3113%2056.6973%2027.3113ZM57.46%2022.6525C57.46%2023.6349%2057.9685%2024.142%2058.7312%2024.142C59.4939%2024.142%2060.0659%2023.6666%2060.0659%2022.9694V19.705L59.335%2020.117C57.9685%2020.846%2057.46%2021.6383%2057.46%2022.6525Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M38.7847%2026.9944V4.17557H43.2973V13.3665H47.4285V4.17557H51.941V26.9944H47.4285V16.8527H43.2973V26.9944H38.7847Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M24.1171%2026.6465V31H6.96581V26.6465H24.1171ZM26.7304%2024.0342V6.96582C26.7302%205.52327%2025.5597%204.35352%2024.1171%204.35352H6.96581C5.52342%204.35377%204.35376%205.52343%204.35351%206.96582V24.0342C4.35376%2025.4766%205.52342%2026.6462%206.96581%2026.6465V31C3.23901%2030.9998%200.195546%2028.073%200.00878905%2024.3926L0%2024.0342V6.96582C0.000256071%203.11882%203.11881%200.000255322%206.96581%200H24.1171C27.9644%200%2031.0837%203.11866%2031.0839%206.96582V24.0342L31.0751%2024.3926C30.8884%2028.0732%2027.8442%2031%2024.1171%2031V26.6465C25.5597%2026.6465%2026.7302%2025.4767%2026.7304%2024.0342Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M17.8929%200V12.7139H13.5394V0H17.8929Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M17.8929%2018.1124V31.0001H13.5394V18.1124H17.8929Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fsvg%3E
- Favicon: https://cdn.prod.website-files.com/6979136a27d403634304b470/69c313c2d3b72a9e8809db5b_favicon-2.png
- Social card (og:image): https://cdn.prod.website-files.com/6979136a27d403634304b470/69c2be9beb7874c215169569_hatch-homepage-og-image.png
UI 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
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.