Brand kit

Logos, colour, typography, and usage instructions

Please keep the marks clear and unmodified.

Logos

Three marks cover almost every use. Each one comes as a transparent PNG in white and in brand blue.

Logo lockup

The mark set with the wordmark. This is the default logo - reach for it first wherever there is room: site headers, decks, partnership graphics.

PNG · 2073 × 200

White PNG Blue PNG

Logomark

The mark on its own. Use it as an app icon, an avatar, or anywhere the full lockup would be too small to read.

PNG · 2000 × 2000

White PNG Blue PNG

Wordmark

The name without the mark. For places the mark already appears elsewhere on the page, or where a square shape does not fit.

PNG · 1760 × 200

White PNG Blue PNG

Color

One blue carries the brand. Navy sits under it, ink holds the dark sections, white does everything else, and orange marks labels and hover on dark surfaces only.

Blue

#0847F7

blue

Nav, hero, closing band, primary buttons on dark and white sections, accent text on white.

Navy

#021B6E

navy

Message bar, footer, button hover background, the rule over the hero strip, the tower silhouettes in the hero skyline.

White

#FFFFFF

white

Text on dark and blue; light sections.

Orange

#FF5F1F

orange

Labels and chips, hover text, globe markers. Fill or text on dark and navy only.

Supporting colours

Surfaces, hairlines and the greys muted text is set in. In code, use the token name rather than the hex.

Ink

#0C0E0D

ink

Dark sections: tech stack, worldwide, insights.

Panel

#151917

panel

Ask console surface.

Graphite

#1A1D1B

graphite

Work section.

Blue 700

#0538C8

blue-700

Dashed or decorative lines on blue.

Blue 800

#052DAA

blue-800

Hairlines on blue: the nav bottom border. The darker blocks in the hero skyline.

Rule dark

#2B302D

rule-dark

Hairlines and logo slot borders on dark; the sea on the globe.

Grey 200

#BEC4BF

grey-200

Muted text on dark; table rules on white; the land on the globe.

Grey 400

#9AA19C

grey-400

Small notes on dark.

Grey 600

#535B56

grey-600

Muted text on white.

Text pairs

Text is only set in the pairs below. The last three fall short of 4.5:1 and are never used for text.

Text on background	Ratio	Use
white on blue	6.45	Any text
white on navy	15.17	Any text
white on ink	19.37	Any text
grey-200 on ink	10.92	Muted text
grey-400 on ink	7.33	Small notes
grey-600 on white	7.00	Muted text
blue on white	6.45	Accent text
orange on navy	4.99	Labels and hover text
orange on ink	6.37	Labels and hover text
ink on orange	6.37	A label on an orange fill
orange on blue	2.12	Never for text
orange on white	3.36	Never for text. As a fill, with an ink label only.
grey-200 on blue	3.64	Never for text

Typography

Two typefaces carry the brand, and a third sets running text in mono. All three are open source under the SIL Open Font License, so you can use them yourself at the links below.

DM Sans

AaBbCcDd 0123456789 · Borderless finance

Headings, body & navigation

The primary typeface. Headings, body copy, navigation links and table rows are set in DM Sans.

Google Fonts

Departure Mono

AaBbCcDd 0123456789 · Borderless finance

Labels, buttons & data

The counterweight. Labels, buttons, chips, dates, hex values and code. It is drawn on an 11px grid, so it is only set at 11, 22, 33, 44 or 66px, with 16.5px for dates and figures. One weight, no italic.

departuremono.com

Geist Mono

AaBbCcDd 0123456789 · Borderless finance

Running text in mono

For mono at reading length, where Departure Mono would be too heavy: the questions, answers and input of the Ask console. Regular weight, 15px. Labels, buttons and figures stay in Departure Mono.

vercel.com/font

Type scale

Role	Face	Size / line (px)	Weight	Notes
Body text	DM Sans	16 / 26	400
Lead (hero)	DM Sans	20 / 30	400	Max 33em
H1	DM Sans	66 / 66	500	Letter-spacing -2px
H2 (section)	DM Sans	44 / 48	500	Letter-spacing -1px
H3	DM Sans	28 / 34	500
Table row names	DM Sans	22 / 28	500
Nav links	DM Sans	14 / 20	500	Uppercase, letter-spacing 1px
Buttons	Departure Mono	11 / 11	400	Uppercase, letter-spacing 1px, height 44px, padding 0 22px
Labels, table headers, chips	Departure Mono	11 / 11	400	Uppercase, letter-spacing 1px
Dates and data	Departure Mono	16.5 / 27.5	400	Tabular figures
Ask console text	Geist Mono	15 / 24	400	Questions, answers and the input
Small notes	DM Sans	13 to 14 / 20 to 22	400

Spacing

Every gap, padding and margin is a step on one rhythm, in px: 11, 22, 33, 44, 55, 66, 88, 110.

About Bits & Blocks

Approved boilerplate for press, listings and partner copy. Use the length that fits, word for word.

Your tech partner for borderless finance.

Short13 words · 87 characters

Bits & Blocks is a blockchain engineering firm for fintechs and financial institutions.

Medium51 words · 341 characters

Bits & Blocks is a blockchain engineering firm for fintechs and financial institutions. We build blockchain-based financial products end to end, from architecture and product design through to live systems handling real transactions on public blockchains. Bits and Blocks LLC is incorporated in the Qatar Financial Centre under QFC No. 3865.

Long154 words · 1025 characters

Bits & Blocks is your tech partner for borderless finance. We help fintechs and financial institutions build and launch blockchain-based products end to end, from architecture and product design through to live systems handling real transactions on public blockchains.

Our work covers smart contract development in Move, Solidity and Soroban across Aptos, Stellar and EVM networks; blockchain migration, porting live protocols and their integrations from one chain to another; confidential systems that stay private where it matters and auditable where it is required; and security review as part of every build engagement.

Bits and Blocks LLC is incorporated in the Qatar Financial Centre under QFC No. 3865, licensed to design and build software and to operate non-financial FinTech APIs, with a registered office at Doha Tower, West Bay, Doha, Qatar. The firm is founded and led by Ala Eddine Battikh, who co-authored AIP-76, a digital-asset composability standard in the official Aptos Improvement Proposals repository.

Using the marks

A few rules keep the brand recognisable everywhere it shows up.

Do

Keep clear space around the logo, at least the height of the mark on every side.
Use the marks in white or in brand blue, as shown above.
Put the white marks on brand blue, deep navy, or another dark surface with enough contrast.
Scale the whole lockup together, and keep the mark legible at small sizes.

Don't

Recolour the marks, apply gradients, or add drop shadows, outlines or other effects.
Stretch, squash, rotate or skew the logo, or change the spacing inside the lockup.
Rebuild the lockup, swap the typeface, or set the name as plain text beside the mark.
Place the blue mark on a blue surface, or the white mark on a light one.

Need something that is not here - a vector file, a lockup with a partner mark, or approval for a use these rules do not cover? Write to info@bitsandblocks.tech.