Brand Guidelines

This resource helps us create alignment on how we present ourselves to our target audiences. It encompasses why we exist, who we're relevant for, how we provide value to those groups, how we communicate our message.
Bitcoin Well Brand Mark

Our Foundation

Mission
Enable independence 🚀
Vision
Convenience of modern banking with the benefits of bitcoin 🥇
Guarantee
Future-proof your money 🔒
Writing standards illustration

Writing standards

The following guideline helps us talk about Bitcoin Well in a consistent way that's in line with our brand and the customer experience we're striving to deliver.

Primary color palette

"Close enough" is cool for parallel parking but not branding. Use the right colour model to ensure colours stay consistent everywhere they appear.

Primary

RGB: 255 183 027 | CMYK: 00 32 95 00 | Pantone: 1235 C

Accent

RGB: 255 158 024 | CMYK: 00 45 96 00 | Pantone: 1375 C

Secondary

RGB: 050 062 072 | CMYK: 79 64 52 44 | Pantone: 432 C

Tertiary

RGB: 036 075 090 | CMYK: 88 60 48 32 | Pantone: 7477 C

Core brand colors

Core brand colors defined in our design system. These colors form the foundation of our visual identity.

Blue

Primary brand blue - used for text and backgrounds

Orange

Secondary brand orange - used for accents and CTAs

Cream

Background cream - main page background color

Purple

Accent purple - used for highlights and special elements

Beige

Light beige - used for subtle backgrounds and cards

UI Colors

dark

Background

Gradient used as a background throughout the app.

Main tile dashboard

Used for the primary action tiles on the dashboard and for recurring buy cards in the dropdown.

Main buttons

Used for the buy and sell buttons on the dashboard and for transaction confirmation buttons.

Directive buttons

Used for the destination, source and frequency buttons

Bitcoin delivery button

Used for the bitcoin delivery speed button

Text Lotion

Use for all text – although some text styles should have lighter opacities, as represented in the text styles section.

Information button (tertiary)

Use for buttons that serve to give user more information and for calendar date selection

Input card

Use for cards that contain inputs

Selection is highlighted

Use for selected items in multiple choice options (like when selecting a wallet).

Input field

Use for cards that contain inputs

Pending trx card

Pending trx card

light

Background

Gradient used as a background throughout the app.

Main tile dashboard

Used for the primary action tiles on the dashboard and for recurring buy cards in the dropdown.

Main buttons

Used for the buy and sell buttons on the dashboard and for transaction confirmation buttons.

Directive buttons

Used for the destination, source and frequency buttons

Bitcoin delivery button

Used for the bitcoin delivery speed button

Text black

Use for all text – although some text styles should have lighter opacities, as represented in the text styles section.

Information button (tertiary)

Use for buttons that serve to give user more information and for calendar date selection

Input card

Use for cards that contain inputs

Selection is highlighted

Use for selected items in multiple choice options (like when selecting a wallet).

Input field

Use for cards that contain inputs

Pending trx card

Pending trx card

Typography

Heading
Poppins - Used for all headings and hero text
Paragraph
Poppins regular - Used for body text and descriptions
Secondary body
Source sans pro regular - Used for secondary text elements
Logo assets

Primary logos

Our logo is the face of our identity. Please take care not to distort, skew, stretch, change color/font, etc.