beanstalk.json
Beanstalk Brand Identity
A complete profile of Beanstalk's visual system — colors, typography, components, and personality — extracted from http://beanstalk.farm. Built for designers, agents, and AI tools.
- Page: https://characterquilt.com/branding/beanstalk
- Machine-readable JSON: https://characterquilt.com/branding/beanstalk.json
Quick Facts
| Field | Value |
|---|---|
| Primary | #64705C |
| Accent | #CBE765 |
| Body Font | Inter |
| Heading Font | DM Serif Display |
Color Palette
- primary: #64705C
- secondary: #CBE765
- accent: #CBE765
- background: #F4F4EC
- textPrimary: #2E3B26
- link: #2E3B26
Typography
- primary: Inter — https://fonts.google.com/specimen/Inter
- heading: DM Serif Display — https://fonts.google.com/specimen/DM+Serif+Display
Visual Assets
- Favicon: https://beanstalk.farm/attached_assets/Favicon%20blue%20white_1764614458040.png
- Social card (og:image): /attached_assets/image_1764615138760.png
UI Components
- buttonPrimary: background=#CBE765, textColor=#2E3B26, borderColor=#CBD1C7, borderRadius=33554400px, shadow=none
- buttonSecondary: background=#2E3B26, textColor=#FFFFFF, borderColor=#F7F7F2, borderRadius=33554400px, shadow=rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px
Brand Personality
Tone: modern · Energy: medium · Audience: investors and partners
Beanstalk Brand in the Wild
Real-world brand assets — ads, campaigns, marketing materials.
- Beanstalk Farms
- IMG_0833_1764094943197.jpeg
- image_1764094419952.jpeg
- Beanstalk Farms
- We believe our food system can be reinvented to actually make people healthier.
- We believe our food system can be reinvented to actually make people healthier.
Working with these fonts
Not found on Google Fonts? Instructions for using the fonts if you have permission:
- Open the company's homepage in a browser with DevTools open.
- In the Network tab, filter by "Font".
- Hard-reload the page and click around (pricing, blog, careers).
- For each captured font URL: right-click → Save As.
- View the page's CSS and copy out the matching @font-face declarations.
Only do this if you have permission to use the brand assets.