Brim brand kit

wordmark · mark · lockup

The logo

Three pieces, each on the three grounds the site uses. Every file downloads as SVG or transparent PNG. The on-dark versions use Night ink, the cream this site switches to in dark mode.

Wordmark

Monoline lettering built from the mark's stroke. The bowl of the b holds a blue meniscus; the tittle of the i is a green drop. On Brim Blue, the meniscus turns Paper.

brim-wordmark.svgSVG PNG

brim-wordmark-on-dark.svgSVG PNG

brim-wordmark-on-blue.svgSVG PNG

One color, for single-ink print:Black SVG Black PNGWhite SVG White PNG

Mark

The mascot at rest: the same rounded vessel and water line, without the eyes and the drip. Use it alone wherever the space is square.

brim-mark.svgSVG PNG

brim-mark-on-dark.svgSVG PNG

brim-mark-on-blue.svgSVG PNG

Display linebrim-mark.svg

48px

32px

24px

16px

Small linebrim-mark-small.svg

48px

32px

24px

16px

Below about 24px the display line gets too thin to hold the level. Use the small mark for favicons and anything 32px or under.

Lockup

Mark beside wordmark on one baseline box. The header of this site runs it 30px tall, the smallest it is set anywhere.

brim-lockup.svgSVG PNG

brim-lockup-on-dark.svgSVG PNG

brim-lockup-on-blue.svgSVG PNG

mascot · token

The mascot

A rounded box, half full of water, eyes just above the line, a green drip in one corner. It's a companion: it sits beside the claim, never above it.

Pose: Tilted −5° beside the headline. On hover the site straightens it.
Colors: White body, Ink outline, Brim Blue water, Brim Green drip. They stay the same in dark mode.
Water line: 57% of the way down the body, the same level as the mark.
Motion: On the home page the water fills in 1.3s and the eyes blink every 5.2s. Both stop for reduced motion.
Files: Straight SVG Straight PNGTilted SVG Tilted PNG

One vessel, six states

Everything is one drawing: remove the eyes and drip for the mark, raise the water for overflow, round it off for the coin.

MascotEyes and a dripSVG PNG

MarkThe mascot at restSVG PNG

Small markHeavier line, 32px and underSVG PNG

OverflowFilled past the brimSVG PNG

CoinThe BRIM tokenSVG PNG

One colorSingle-ink printSVG PNG

colors

Color

Two locked anchors, warm neutrals under them, and a dark mode that changes the neutrals but never the anchors. Click any value to copy it.

CSS JSON Palette PNG

The waterBrim Blue

RGB 91, 182, 240Ink on it 8.2:1

The water: the level in the mark, fills, active links, focus rings.

The dropBrim Green

RGB 192, 234, 92Ink on it 13.3:1

The drop: the i's tittle, the mascot's drip, the highlighter. A signal, never a background.

(3,3) with a redeem button.

The green marker, from the home page: a band under the bottom 40% of the line with Ink text on top. Text on Blue or Green is always Ink; white on Blue is only 2.2:1.

Neutrals

InkLines, headlines, primary buttons, and all text on Blue or Green.
TextRunning text.
MutedCaptions, labels, eyebrows.
PaperThe page ground.
WhiteThe vessel's body: the mascot, the mark, cards.

Grounds and tints

SandThe yellow paper's ground.
Blue washThe First Fill page and social cards: the air above the water.
Green washSoft fills in the First Fill diagrams, a tint of the signal.
Blue highlightHover and selection fills (22% in dark mode).
HairlineRules and quiet borders (Night ink at 16% in dark mode).

Dark mode

Night groundThe page ground in dark mode.
Night surfaceCards and the vessel's body in dark mode.
Night inkLines and headlines in dark mode; the on-dark logos use it.
Night textRunning text in dark mode.
Night mutedCaptions and labels in dark mode.

type

Type

Five faces, each with one job, all free on Google Fonts. None of them sets the wordmark.

brim-fonts.css Sora Manrope Literata Instrument Serif Geist Mono

Display

Sora600 · tracking −0.035emClaims, headlines, buttons

A floor that never dilutes.
A yield that overflows.

UI and body

Manrope500 · 600 · 700The stanza, navigation, cards

The premium funds the yield.
The reserve funds the floor.
Nothing mints unpaid.

Reading

Literata400 · 600 · 700 · italicRunning text in both papers

Every BRIM is backed in the Reservoir, and the backing per token is the brim. New tokens are only ever sold above the brim, and the premium funds the yield. Whenever the Tap is open, the protocol buys BRIM back at the floor.

Quote

Instrument SerifItalic only, no boldPull quotes in the papers

A reserve. A reason to stay. A way to leave.

Mono

Geist Mono400 · 600Eyebrows, labels, figures

Whitepaper · the overview@Brim_HQ · brim.finance · 0123456789

Chinese, Korean and Japanese editions keep the Latin faces first and fall back to PingFang SC or Noto Sans SC, Apple SD Gothic Neo or Noto Sans KR, and Hiragino Kaku Gothic ProN or Noto Sans JP. brim-fonts.css has the full stacks.

usage

Rules

A few habits keep the identity intact wherever it travels.

Use the mark alone where the space is square: avatars, favicons, app icons, small headers.
Put the mascot beside the claim, tilted −5°, as a companion.
On Brim Blue, use the on-blue files, where the meniscus turns Paper.
Set text on Blue or Green in Ink, and use green only to point at something.

Don'tAdd a period. The word ends at the m.

Don'tTilt the wordmark. Only the mascot leans.

Don'tRun a line through the word. The water line lives in the mark.

Don'tRetype it in a font, even Sora. The lettering is drawn.

Don'tUse Brim Green as a background.

Don'tRecolor the water. It is always Brim Blue.

app icons · social · ripe badge

Icons and social

The same files this site serves: the share cards links unfurl with, the X profile images and the app icons.

brim-brand-kit.zip

What's in the kit

brim-brand-kit/
  README.md                                      2 KB
  app-icons/
    apple-touch-icon-180.png                     3 KB
    favicon.ico                                  1 KB
    favicon.svg                                  1 KB
    icon-192.png                                 3 KB
    icon-512.png                                 9 KB
  colors/
    README.md                                    2 KB
    brim-colors.css                              1 KB
    brim-colors.json                             4 KB
    brim-palette.png                           150 KB
  lockup/
    brim-lockup-on-blue.png                     59 KB
    brim-lockup-on-blue.svg                      1 KB
    brim-lockup-on-dark.png                     59 KB
    brim-lockup-on-dark.svg                      1 KB
    brim-lockup.png                             59 KB
    brim-lockup.svg                              1 KB
  mark/
    brim-mark-on-blue.png                       22 KB
    brim-mark-on-blue.svg                        1 KB
    brim-mark-on-dark.png                       21 KB
    brim-mark-on-dark.svg                        1 KB
    brim-mark-one-color.png                     20 KB
    brim-mark-one-color.svg                      1 KB
    brim-mark-overflow.png                      26 KB
    brim-mark-overflow.svg                       1 KB
    brim-mark-small.png                          1 KB
    brim-mark-small.svg                          1 KB
    brim-mark.png                               21 KB
    brim-mark.svg                                1 KB
  mascot/
    brim-mascot-tilted.png                     103 KB
    brim-mascot-tilted.svg                       1 KB
    brim-mascot.png                             72 KB
    brim-mascot.svg                              1 KB
  ripe-badge/
    ripe-logo-black.png                          8 KB
    ripe-logo-white.png                          9 KB
  social/
    share-card-1200x630-ja.png                  44 KB
    share-card-1200x630-ko.png                  36 KB
    share-card-1200x630-zh.png                  43 KB
    share-card-1200x630.png                     44 KB
    x-avatar-800.png                            26 KB
    x-header-1500x500.png                       40 KB
  token/
    brim-coin.png                               39 KB
    brim-coin.svg                                1 KB
  type/
    README.md                                    1 KB
    brim-fonts.css                               1 KB
  wordmark/
    brim-wordmark-on-blue.png                   43 KB
    brim-wordmark-on-blue.svg                    1 KB
    brim-wordmark-on-dark.png                   44 KB
    brim-wordmark-on-dark.svg                    1 KB
    brim-wordmark-one-color-black.png           42 KB
    brim-wordmark-one-color-black.svg            1 KB
    brim-wordmark-one-color-white.png           35 KB
    brim-wordmark-one-color-white.svg            1 KB
    brim-wordmark.png                           43 KB
    brim-wordmark.svg                            1 KB

Download brim-brand-kit.zip

Formats: SVG for anything that scales. Transparent PNG for everything else: wordmark 2032 × 896, lockup 3056 × 896, mark and coin 1024, mascot 2048.
Fonts: Linked, not bundled: all five are free on Google Fonts, and brim-fonts.css loads them.
Ripe: The Ripe logo is Ripe's mark. Use it only in the ecosystem badge, as supplied.
Questions: @Brim_HQ on X.