Grike, and the company behind it.

Logos, color, type, and spacing for Grike and for Blackbox Labs, plus how to place them next to other brands.

Download brand kit Press inquiries

ZIP · SVG and PNG logos, app icons, banners, color tokens

by Blackbox Labs

Grike

Logo

One mark, one lockup. The bloom is twelve leaves in four clusters of three, growing out from a shared center.

Lockup. The default. Use it wherever the name is not already nearby.

Ink SVG Paper SVG

Mark. Avatars, favicons, and tight spaces where Grike is already named.

Ink SVG Paper SVG

Accent pairings

Root on Sprout, or Sprout on Root, for launch moments and merch. Ink and Paper stay the everyday pair.

Color

Mostly neutral, with one living green. Values match the product theme tokens, so the site, app, and kit agree.

Moss#61AF47

Hex#61AF47

RGB97 175 71

OKLCHoklch(0.68 0.16 138.642)

Primary accent on light surfaces. Links, focus, the one thing to look at.

Sprout#B9FFA4

Hex#B9FFA4

RGB185 255 164

OKLCHoklch(0.932 0.138 138.642)

Primary accent on dark surfaces. Pair with Root for text on top.

Root#0D1B09

Hex#0D1B09

RGB13 27 9

OKLCHoklch(0.205 0.04 138.642)

Text on Sprout. A green-tinted black for accent surfaces.

Ink#0A0A0A

Hex#0A0A0A

RGB10 10 10

OKLCHoklch(0.145 0 0)

Logo and body text on light backgrounds.

Paper#FBFBFB

Hex#FBFBFB

RGB251 251 251

OKLCHoklch(0.988 0 0)

Default light background. Logo on dark backgrounds.

Stone#737373

Hex#737373

RGB115 115 115

OKLCHoklch(0.556 0 0)

Secondary text and captions. Never for the logo.

Green ramp

For charts and illustration. Click to copy.

100#B9FFA4

200#9BE286

300#61B545

400#4E9336

500#3F752E

60%

Paper or Ink

Backgrounds and space.

30%

Ink, Paper, Stone

Type and interface.

10%

Moss or Sprout

One accent per view.

Typography

Geist carries the whole system, from the wordmark to the console. Tight tracking at display sizes, normal tracking for text.

Geist and Geist Mono

Open source (SIL OFL). Semibold for headings, Regular for text, Mono for code and data.

Get Geist

Display600 · 56/60 · -2%: Grow from what you run
Heading600 · 30/36 · -1%: Grow from what you run
Body400 · 16/26: Grow from what you run
Caption400 · 12/16: Grow from what you run
CodeGeist Mono · 400 · 13/20: Grow from what you run

Icons & banners

Ready-made sizes for avatars, app stores, link previews, and social headers.

ink icon

SVG

paper icon

SVG

sprout icon

SVG

Open Graph 1200 × 630

SVG

Open Graph, light 1200 × 630

SVG

X header 1500 × 500

SVG

LinkedIn cover 1584 × 396

SVG

PNG exports of every logo, icon, and banner are in the brand kit.

Blackbox Labs

Company logo

Blackbox Labs builds and runs Grike. Its mark is four boxes turned on their corners, set around a shared center.

Monochrome only

The company mark is always Ink or Paper. Green belongs to Grike.

Brand architecture

Grike is the brand people use. Blackbox Labs is the signature underneath it.

Grike leads

Product pages, the console, docs, and anything a customer touches.

Blackbox Labs signs

Footers, legal text, invoices, careers, and press. Quiet, never louder than the product.

by Blackbox Labs

Endorsement line: Set "by Blackbox Labs" in Geist Regular at 40% of the cap height of the wordmark.
Placement: Centered under the lockup, or after it on one line. One x of space between.
When to use it: Covers, launch posts, and the footer. Skip it in the product UI.

Usage

Spacing

Room to breathe is part of the logo. Measure it with the logo itself so it scales with every size.

Every measurement below is a multiple of x, the height of the mark. Spacing scales with the logo, so the same rules hold for a favicon and a billboard.

Clear space

A quarter of the mark height on every side. Nothing enters the shaded band.

0.3x

Lockup gap

Mark to wordmark. Built into the files, so never adjust it by hand.

Edge margin

From the logo to the edge of a page, slide, or banner. Use more, never less.

1.5x

Partner gap

Between Grike and a partner logo, measured from the outer edge of each clear space.

Minimum sizes

Asset	Screen	Print
Mark	16 px	6 mm
Lockup	80 px wide	24 mm wide
Blackbox Labs lockup	96 px wide	28 mm wide
Endorsement line	11 px type	6 pt type

Pages and documents. Top-left, aligned to the content edge.

Covers and splash screens. Centered, with 2x clear on all sides.

With other brands

Integrations, sponsorships, and co-marketing. Both brands should read clearly and neither should crowd the other.

Equal weight

Match optical size, not width. Each logo should feel as heavy as the other.

Divider or space

Separate with a thin rule at 20% opacity, or with 1.5x of space alone.

No lockups

Never merge marks, share a color, or write "Grike x Partner" as one logo.

Integration grids

When Grike appears among several partners, every logo gets the same cell and the same padding. Grike takes no special treatment inside someone else's grid.

Misuse

The logo only works when it looks the same everywhere. Use the supplied files without edits.

Use the files as supplied

Do not stretch or squash

Do not rotate

Do not recolor

Do not add effects

Do not use low contrast

Do not outline

Do not place Paper on Sprout

Name & voice

How we write the name, and how we sound when we use it.

Grike
In sentences, titles, and UI copy.
grike
Only in code, URLs, package names, and handles.
GRIKE
Do not set the name in all caps.
GriKe, Grike.io
Do not change case or add a domain to the name.

Plain

Say what happens. "Your app is live," not "Deployment pipeline completed successfully."

Calm

Infrastructure is stressful. We lower the temperature, especially in errors.

Exact

Real numbers, real names, no hype words. If it is a guess, we say so.