beanclarity
Press and brand assets

Bean Clarity press kit

Bean Clarity compares speciality coffee from UK roasters, priced per kilo, and shows what each roaster publishes about where its beans come from. Everything you need to write about us or feature us is here.

Download all assets Press contact ZIP, 6 MB. Logos, icons, social images.

Icon

The emerald tile is our app icon, favicon and profile picture. The bean on its own is a small brand device for bullets, stickers and loading states, not a replacement for the logo.

App icon
App iconThe main icon
SVGPNGPNG large
Icon, white tile
Icon, white tileFor emerald backgrounds
SVGPNGPNG large
Icon, mono ink
Icon, mono inkOne colour
SVGPNGPNG large
Icon, mono white
Icon, mono whiteOne colour on dark
SVGPNGPNG large
Bean, emerald
Bean, emeraldSmall brand device
SVGPNGPNG large
Bean, white
Bean, whiteSmall brand device on dark
SVGPNGPNG large

Colour

One brand colour, emerald, with ink for text and plenty of white. Use emerald for the icon tile, links and buttons, and keep large areas calm.

EmeraldIcon tile, links, buttons
HEX
#0A6B50
RGB
10 107 80
InkWordmark and all text
HEX
#0F1724
RGB
15 23 36
WhiteBean, and text on dark
HEX
#FFFFFF
RGB
255 255 255
Light greyPage background
HEX
#F7F9FA
RGB
247 249 250

Type

Inter throughout. The wordmark sets "bean" in Bold and "clarity" in Regular, all lowercase, in one colour.

beanclarity
Typeface
Inter, free from Google Fonts
Wordmark
Bold 700 and Regular 400, letter spacing -3.5%
In text
Write the name as "Bean Clarity", two words, both capitalised
HeadlinesExtraBold 800
TitlesBold 700
LabelsSemiBold 600
Body textRegular 400
£39.80 / kgTabular figures

Usage

Give the logo room, keep it in its own colours, and don't redraw it.

Clear space and size

beanclarity ½ ½ icon
  • Keep clear space of at least half the icon's height on every side.
  • Use the horizontal logo at 120px wide or more on screen, 30mm in print. Smaller than that, use the icon.
  • Pick the version made for your background: colour on light, reversed on dark, on-emerald on emerald.

Please don't

  • Recolour any letter or the bean, or change the emerald.
  • Stretch, squash or rotate the logo.
  • Add shadows, outlines, gradients or glow.
  • Retype the wordmark in another font or in capitals.
  • Place the colour logo on a busy photo. Use mono white instead.
  • Use the bean alone in place of the full logo.

Social and sharing

Ready-made images for link previews, profile pictures and banners.

Press enquiries

Interviews, data requests, or something not covered here.