brand
the fetchbean brand kit.
logo, mascot, colors, and type, with the few rules that keep them recognisable. help yourself, whether you’re writing about fetchbean, listing it in a directory, or building an integration.
download the kitzip · 184 kblogo
the lockup
on creamon white
on dark, use the symbolthe wordmark is always lowercase. give it clearspace of at least the height of the bean on every side, and keep it at 24px tall or more so the sprout stays legible. the wordmark is set in ink on transparency, so it needs a light background: on anything dark or busy, use the bean symbol instead. want an inverted lockup? ask and we’ll cut one.
mascot
pip
pip is the bean that does the fetching: dependable, curious, unflappable. four poses cover almost everything. use pip for warmth in hero, docs, and empty or error states, and leave dense product ui clean.
color
the palette
warm and fresh, never slick corporate. cream carries the page, sprout does the work, amber sparks. click any chip to copy its hex.
type
three typefaces, all open source
fetch anything, one key.
fraunces · display and headings
one key, many providers, clean json back. the body face across the product and site.
dm sans · ui and body
GET /discover?q=scrape+a+page
jetbrains mono · code, keys, labels
voice
how fetchbean sounds
plain, warm, confident, concise. we write to developers like a sharp, friendly peer, mostly lowercase and unfussy. errors are part of the brand, so they stay human and useful rather than a cold stack trace. show, don’t hype.
usage
do and don't
do
- use the logo as supplied, at 24px tall or more
- keep clearspace of at least one bean height around it
- write fetchbean lowercase, as one word, in running text
- stick to the palette above
- say you integrate with or are built on fetchbean
don't
- stretch, rotate, recolor, or add gradients and 3d
- put the wordmark on a dark or busy background
- put pip and the bean symbol in the same lockup
- rebuild the wordmark in another typeface
- imply we endorse or sponsor you without asking
- use the brand in your own product, app icon, or domain name
need something that isn’t here, like a vector wordmark or a different crop? email hi@fetchbean.com and we’ll send it over.