Brand assets

The Float
brand kit.

Logos, colours and type for anyone writing about Float, listing it, or building it into a product. Use the files as supplied; the notes below cover the rest.

Download all.zip · 357 KB Usage notes

A coin buoyant on a swell. The waterline is the bridge span: the surface that connects every ecosystem to Canton.

Logo

One mark, a few arrangements.

SVG is the source for every variant and scales to any size. PNGs have transparent backgrounds. Lockups and wordmarks set their type in Space Grotesk, so install it before opening them in a design tool.

Lockup

Primary lockup

Symbol and wordmark, on light backgrounds. The default.

Reversed lockup

For navy and dark backgrounds: white type, brighter coin.

Single-colour lockup

Navy only, for one-colour print and embossing.

Symbol

Symbol

The coin on its own, full colour. Avatars, small spaces.

SVG PNG 512 PNG 256

Symbol, white

Single colour for dark backgrounds.

Symbol, navy

Single colour for light backgrounds.

Wordmark and icons

Wordmark

Type only, where the symbol already appears nearby.

Wordmark, white

Type only, for dark backgrounds.

App icon

Rounded square on a navy field. Store listings, wallets.

SVG PNG 512 PNG 256 PNG 128

Favicon

Browser tabs and bookmarks. 180 is the Apple touch icon.

SVG PNG 180 PNG 32 PNG 16

Colour

Navy ground, blue to cyan on top.

Click any swatch to copy its hex value. The same palette ships as CSS custom properties and as JSON.

tokens.css colors.json

Brand

Neutral

Signature gradient and status

Typography

Three families, all free.

All three are on Google Fonts. Numbers people act on, like amounts, rates and addresses, are always set in Plex Mono.

Aa

Space Grotesk

Display, headings, wordmark

The open gateway to Canton.

Google Fonts →

Aa

IBM Plex Sans

Body copy and interface

Deposit any supported asset and receive CC at your party ID.

Google Fonts →

Aa

IBM Plex Mono

Amounts, rates, addresses

1 USDC ≈ 8.17 CC

Google Fonts →

Usage

A few rules, so it always looks like Float.

Do

Leave clear space of at least the coin’s height around the lockup.

Keep the symbol at 20px or larger, and the lockup at 96px wide or larger.

Use the reversed lockup or the white symbol on navy and other dark grounds.

Keep the gradient for emphasis surfaces: primary buttons, hero areas.

Don’t

Recolour the coin, or swap the gradient for other colours.

Stretch, skew, rotate or re-space the mark.

Add shadows, outlines or effects to the flat symbol.

Put the navy mark on a dark field, or set body text in the gradient.

Clear space

Keep at least the height of the coin free on every side of the lockup.

Minimum size

Below these, the swell and the highlight stop reading. Use the symbol alone when space is tight.

symbol · 20px

lockup · 96px

Need another format, or a co-branded lockup? Write to support@myfloat.cc.