Brand kit

02 / Logo

One lockup. Ink text, a green block that blinks.

A lowercase "coinsonnet" wordmark in Space Grotesk, followed by a Signal-green block cursor — a terminal that has finished composing. It blinks while value composes, and holds, settled, when the payment is fact. Use the wordmark as the default; use the block alone only where the wordmark won't fit.

The block

The Signal-green rounded square is the mark. Use it alone only for favicons, app tiles and avatars.

Clear space

Keep clear space around the lockup equal to the height of the block (x) on every side. Never crowd it with other logos, type or UI.

coinsonnet

Minimum size

Minimum 128 px wide on screen, 20 mm in print. Below that, use the block alone.

128px → lockup · <128px → block

03 / Colour

Ink, Paper, and one Signal.

One ink, one paper, one signal. Everything else is a grey doing quiet work. Signal green is the block, the live dot and on-dark highlights — never a large fill. Click any swatch to copy its hex.

Core

Support greys

These map 1:1 to the CSS custom properties in styles.css — build with the tokens where you can. Signal green is the only accent; don't introduce new colours.

04 / Type

Space Grotesk speaks. JetBrains Mono labels.

Two typefaces do the work. Space Grotesk for anything that speaks; JetBrains Mono for anything read as data. Geist carries body text.

Fonts: Space Grotesk, JetBrains Mono and Geist, via Google Fonts. All are open-licensed (SIL OFL) — fine to install and self-host.

05 / Icon

A cursor, blinking on Ink.

A Signal-green rounded block on an Ink rounded tile. In the browser tab it blinks like a live terminal cursor — a dash that blinks, then settles into the block.

Animated favicon (SVG) — blinks a dash, then settles.

Motion

The cursor starts as a dash, blinks once, then grows into the settled block — value composing, then fact. The loop is about 2.4s. Use motion only for the tab and loader; the icon is static everywhere else.

Static fallback — the settled block is the icon's base state, so tabs and tools that don't animate SVG still show the correct mark. Animation pauses when the OS requests reduced motion.

Favicon & app iconSVG

Download app icon ↓ Download favicon ↓

06 / Downloads

Take what you need.

The mark, app icon and block are self-contained SVGs — no fonts required. The wordmark depends on the Space Grotesk webfont, so copy the snippet below, or grab a flat PNG lockup.

Files

Mark — the Signal block

SVGDownload ↓

App icon — block on Ink tile

SVGDownload ↓

Favicon — animated

SVGDownload ↓

Block — Signal

SVGDownload ↓

Block — Ink

SVGDownload ↓

Block — Paper

SVGDownload ↓

Wordmark on Ink

PNGDownload ↓

Wordmark on Paper

PNGDownload ↓

Wordmark — white

PNG · transparentDownload ↓

Wordmark — ink

PNG · transparentDownload ↓

Wordmark in code

<span class="logo-lockup logo-lockup--dark">coinsonnet<i class="logo-block"></i></span>

/* CSS */
.logo-lockup{ display:inline-flex; align-items:center; gap:.2em;
  font-family:"Space Grotesk",sans-serif; font-weight:700;
  letter-spacing:-.045em; line-height:1 }
.logo-lockup--dark{ color:#FAFAF7 }  /* on light: color:#0B0B0C */
.logo-block{ width:.58em; height:.72em; border-radius:.13em; background:#00E08A }

Need EPS/PDF or a specific print format? Email brand@coinsonnet.com. Please keep the block Signal green and don't alter the wordmark. Coinsonnet and the block-cursor mark are trademarks of Spectro Finance AS (under the transformation).