What font does bunq use?

bunq’s website uses two typefaces: Inter (headings), served from framerusercontent.com; DM Sans Variable (body text), self-hosted.

What are bunq’s brand colours?

The main colours on bunq.com are Dodger Blue (#0088FF), Dark Slate Grey (#155238), Dark Orange (#FF7819), Deep Sky Blue (#43B5F2), Medium Sea Green (#29CC88) and Turquoise (#16E0C4).

What colour is bunq’s text and background?

Body text is #000000 on a #FFFFFF background.

Where is bunq’s logo from?

The logo shown in this guide was found on bunq.com’s homepage. For official logo files and usage rules, check bunq’s own brand or press page.

Is this bunq’s official style guide?

No. SiteStyleGuide made it from bunq.com’s public web pages on 26 October 2026, and isn’t affiliated with bunq. Members can refresh a guide after 90 days to pick up changes.

Unofficial A style guide made by SiteStyleGuide from bunq.com’s public web pages. Not affiliated with or endorsed by bunq. The real site is bunq.com ↗

Unofficial style guide

bunqstyle guide

bunq’s website (bunq.com) sets its headings in Inter and its body text in DM Sans Variable. Its palette is led by Dodger Blue (#0088FF), Dark Slate Grey (#155238) and Dark Orange (#FF7819), with #000000 text on #FFFFFF. Captured from the live site on 26 October 2026.

Website: bunq.com
Typefaces: Inter, DM Sans Variable
Palette: 4 neutrals, 12 colours
Captured: 26 Oct 2026 · added by @sitestyleguide

Save Add to collection Share Report

Screenshot of the bunq.com homepage on a desktop screen — Screenshot of bunq.com on a 1440 px desktop screen, 26 Oct 2026.

Screenshot of the bunq.com homepage on a phone — On a phone, 390 px.

Identity & metadata

What browsers, search engines and social cards show before anyone reaches the page, from the homepage’s <head>.

Title &
description

Page title: bunq: Open a Bank Account in 5 Minutes; ● 38 / 60 characters
Meta description: No paperwork, no branch visits. Open your bunq account in 5 minutes and start banking today.; ● 92 / 160 characters
Site name: bunq
og:title: bunq: Open a Bank Account in 5 Minutes
og:description: No paperwork, no branch visits. Open your bunq account in 5 minutes and start banking today.
Language: en

In search results

bunqhttps://www.bunq.com/

bunq: Open a Bank Account in 5 Minutes

No paperwork, no branch visits. Open your bunq account in 5 minutes and start banking today.

When shared

bunq.com

bunq: Open a Bank Account in 5 Minutes

No paperwork, no branch visits. Open your bunq account in 5 minutes and start banking today.

Logo & favicons

Found as: schema.org logo. PNG, 480 × 480.

Logo

On white

On black

On Dodger Blue

Favicons

1 found

64 px · PNG icon

bunq: Open a Bank Account in 5 Minutes

Light browser tab

bunq: Open a Bank Account in 5 Minutes

Dark browser tab

Colour

Read from the site’s stylesheets and weighted by where each colour is used. Names are the nearest standard colour name. Click a swatch to copy its hex code.

Contrast is against the site’s text colour (#000000) and white, using WCAG 2 ratios: 4.5 for body text, 3 for large text.

Colour

Balance

How much each colour is used

White 65.2%
Black 18.4%
Dodger Blue 2.9%
Cool Light Grey 1.7%
Dark Slate Grey 1.5%
Near Black 1.4%
Dark Orange 1.2%
Deep Sky Blue 1.2%
Medium Sea Green 1.1%
Turquoise 1%
Light Red 1%
Chocolate 0.7%
Deep Red 0.7%
Deep Pink 0.7%
Dark Orchid 0.7%
Lime Green 0.7%

By how often each colour appears in the site’s CSS, weighted by where (body, headings, buttons), not by area on the screen.

Neutrals

Text, backgrounds and structure

White

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 0

On text
21.00:1 AAA

On white
—

Text, background · --framer-text-color, inline style on <a>
Black

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 100

On text
—

On white
21.00:1 AAA

Background, text · inline style on <div>, p.framer-text
Cool Light Grey

HEX

RGB

HSL

OKLCH

CMYK
2 2 0 20

On text
12.47:1 AAA

On white
1.68:1 Fail

Used · --token-a8f06720-feda-4271-97db-94a78f72b124, --token-4938d59d-6af9-4d24-b7f3-a4b70f221e29
Near Black

HEX

RGB

HSL

OKLCH

CMYK
7 7 0 88

On text
1.23:1 Fail

On white
17.01:1 AAA

Background · inline style on <footer>, inline style on <div>

Colours

Brand colours and accents, most used first

Dodger Blue

HEX

RGB

HSL

OKLCH

CMYK
100 47 0 0

On text
5.97:1 AA

On white
3.52:1 AA large

Background · inline style on <a>, --token-aa052929-ed53-44fb-9455-d1d5887cf5f8
Dark Slate Grey

HEX

RGB

HSL

OKLCH

CMYK
74 0 32 68

On text
2.30:1 Fail

On white
9.15:1 AAA

Background · inline style on <div>, --token-6f2d876d-31f1-4252-80a0-4160ec099bf0
Dark Orange

HEX

RGB

HSL

OKLCH

CMYK
0 53 90 0

On text
7.95:1 AAA

On white
2.64:1 Fail

Background · --token-b246b488-5e35-4959-a0e2-669e1314d984, --token-c4878ff9-991e-4d09-8f4a-fdce2de882ad
Deep Sky Blue

HEX

RGB

HSL

OKLCH

CMYK
72 25 0 5

On text
9.13:1 AAA

On white
2.30:1 Fail

Used · --token-03541f28-c2ff-4cfb-8c4a-a9b24f876156, --token-21db33ef-c506-4d41-98d8-dd469d91e92f
Medium Sea Green

HEX

RGB

HSL

OKLCH

CMYK
80 0 33 20

On text
10.09:1 AAA

On white
2.08:1 Fail

Used · --token-972b060e-556b-4036-ad4e-4cbcb833a1e1, --token-390e8f6d-8425-4375-bd0b-9ca26a6b5323
Turquoise

HEX

RGB

HSL

OKLCH

CMYK
90 0 12 12

On text
12.49:1 AAA

On white
1.68:1 Fail

Used · --token-1e054cce-4ff0-43be-a50d-d033e6ebb0a9, --token-a5e17f63-d692-44e5-899b-b424856eef04
Light Red

HEX

RGB

HSL

OKLCH

CMYK
0 72 77 6

On text
5.59:1 AA

On white
3.76:1 AA large

Used · --token-b096cc32-efaf-46d9-8820-8ffad792cdf3, --token-c9d81ac7-e10b-43bb-9d68-30f913c0abf0
Chocolate

HEX

RGB

HSL

OKLCH

CMYK
0 58 100 0

On text
7.31:1 AAA

On white
2.87:1 Fail

Used · --token-e57735e2-196e-43e3-9a5e-dcc249f219bb, --token-e9801764-d293-4a5d-9f3b-a43e97eb829b
Deep Red

HEX

RGB

HSL

OKLCH

CMYK
0 78 85 10

On text
4.85:1 AA

On white
4.33:1 AA large

Used · --token-81312c26-4f8b-4cbb-865c-6c6ef47e5be7, --token-fbfe0d17-16c3-4022-a8a7-0d0e67cc0719
Deep Pink

HEX

RGB

HSL

OKLCH

CMYK
0 90 39 11

On text
4.76:1 AA

On white
4.42:1 AA large

Used · --token-4480fe9d-c051-466a-ba7a-ffa0bbe74c4d, --token-769971fe-f996-4aa8-818d-acd87e50acfb
Dark Orchid

HEX

RGB

HSL

OKLCH

CMYK
11 74 0 29

On text
3.62:1 AA large

On white
5.80:1 AA

Used · --token-876a8e6b-923b-4e9a-8679-6a882965c961, --token-74fad2bb-cd3b-45df-9e82-f16c2832345b
Lime Green

HEX

RGB

HSL

OKLCH

CMYK
66 0 61 25

On text
8.77:1 AAA

On white
2.39:1 Fail

Used · --token-2ad4a805-e55f-41a5-a997-1d19a6520a44, --token-f9bcafdf-d517-4d80-b827-e841b0042940

Typography

Faces from Google Fonts are shown in the real thing. Others are licensed to the site, so they show in your device’s copy if you have one, or a stand-in if not.

Inter

Aa 400

Inter

Served from framerusercontent.com · weights 400 · headings · shown in a stand-in if you don’t have it

Aa 100 Aa 1000

DM Sans Variable

Self-hosted · weights 100, 1000 · body · shown in a stand-in if you don’t have it

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 ! ? & @ % $ – ’ “ ”

Type scale

From the site’s CSS

Body 12px

No paperwork, no branch visits. Open your bunq account in 5 minutes and start banking today.

Paragraph 16px / 1.2em weight 400 · none · Inter

No paperwork, no branch visits. Open your bunq account in 5 minutes and start banking today.

Button 12px

Get started

Link 16px / weight 400 · none · Inter

Sizes in use

Most common across the site

16pxline 1.2em · 5 rules
12px1 rules

Elements

The main button and link as the site’s CSS draws them, and the corner radii and shadows it uses most.

Elements

Corner radius

inherit · 6×
initial · 5×
32px · 3×
24px · 3×
20px · 3×

Layout

Breakpoints from the site’s media queries and the widths its content is held to, with how often each appears.

Grid

Breakpoints

767

768

1199

1279

1280

On a scale of 0 to 1440 px.

Content widths (max-width)

1216 px

1111 px

1110 px

480 px

440 px

360 px

Notes

Plain checks on what was found. Worth fixing if you look after this site.

Notes

● FineThe title is 38 characters, short enough to show in full in search results.

Questions

Quick answers, from the same capture as the rest of this guide.

Questions

What font does bunq use?: bunq’s website uses two typefaces: Inter (headings), served from framerusercontent.com; DM Sans Variable (body text), self-hosted.
What are bunq’s brand colours?: The main colours on bunq.com are Dodger Blue (#0088FF), Dark Slate Grey (#155238), Dark Orange (#FF7819), Deep Sky Blue (#43B5F2), Medium Sea Green (#29CC88) and Turquoise (#16E0C4).
What colour is bunq’s text and background?: Body text is #000000 on a #FFFFFF background.
Where is bunq’s logo from?: The logo shown in this guide was found on bunq.com’s homepage. For official logo files and usage rules, check bunq’s own brand or press page.
Is this bunq’s official style guide?: No. SiteStyleGuide made it from bunq.com’s public web pages on 26 October 2026, and isn’t affiliated with bunq. Members can refresh a guide after 90 days to pick up changes.

Design tokens

Everything above as CSS variables, ready to paste into a project. Members can download the tokens as files for Figma (Tokens Studio), Style Dictionary and Tailwind.

Tokens

bunq-com-tokens.css

Download

Free with an account: sign up or sign in, and you’ll come straight back here.

/* bunq.com design tokens, from SiteStyleGuide (https://sitestyleguide.com/bunq.com) */
:root {
  /* Colours */
  --text: #000000;
  --background: #FFFFFF;
  --colour-white: #FFFFFF;
  --colour-black: #000000;
  --colour-cool-light-grey: #C7C7CC;
  --colour-near-black: #1C1C1E;
  --colour-dodger-blue: #0088FF;
  --colour-dark-slate-grey: #155238;
  --colour-dark-orange: #FF7819;
  --colour-deep-sky-blue: #43B5F2;
  --colour-medium-sea-green: #29CC88;
  --colour-turquoise: #16E0C4;
  --colour-light-red: #F04438;
  --colour-chocolate: #FF6A00;
  --colour-deep-red: #E63223;
  --colour-deep-pink: #E3178A;
  --colour-dark-orchid: #A22FB6;
  --colour-lime-green: #40BF4A;

  /* Typefaces */
  --font-headings: 'Inter', 'Inter Placeholder', sans-serif;
  --font-body: 'DM Sans Variable', 'DM Sans Fallback', system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI';

  /* Type scale */
  --text-body: 12px;
  --text-p: 16px;
  --leading-p: 1.2em;
  --text-button: 12px;
  --text-a: 16px;

  /* Shape */
  --radius-1: inherit;
  --radius-2: initial;
  --radius-3: 32px;
  --radius-4: 24px;
  --radius-5: 20px;

  /* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
  --breakpoint-1: 767px;
  --breakpoint-2: 768px;
  --breakpoint-3: 1199px;
  --breakpoint-4: 1279px;
  --breakpoint-5: 1280px;
  --max-width-1: 1216px;
  --max-width-2: 1111px;
  --max-width-3: 1110px;
  --max-width-4: 480px;
  --max-width-5: 440px;
  --max-width-6: 360px;
}

{
    "site": "bunq.com",
    "source": "https://sitestyleguide.com/bunq.com",
    "text": "#000000",
    "background": "#FFFFFF",
    "colours": [
        {
            "name": "White",
            "hex": "#FFFFFF",
            "rgb": [
                255,
                255,
                255
            ]
        },
        {
            "name": "Black",
            "hex": "#000000",
            "rgb": [
                0,
                0,
                0
            ]
        },
        {
            "name": "Cool Light Grey",
            "hex": "#C7C7CC",
            "rgb": [
                199,
                199,
                204
            ]
        },
        {
            "name": "Near Black",
            "hex": "#1C1C1E",
            "rgb": [
                28,
                28,
                30
            ]
        },
        {
            "name": "Dodger Blue",
            "hex": "#0088FF",
            "rgb": [
                0,
                136,
                255
            ]
        },
        {
            "name": "Dark Slate Grey",
            "hex": "#155238",
            "rgb": [
                21,
                82,
                56
            ]
        },
        {
            "name": "Dark Orange",
            "hex": "#FF7819",
            "rgb": [
                255,
                120,
                25
            ]
        },
        {
            "name": "Deep Sky Blue",
            "hex": "#43B5F2",
            "rgb": [
                67,
                181,
                242
            ]
        },
        {
            "name": "Medium Sea Green",
            "hex": "#29CC88",
            "rgb": [
                41,
                204,
                136
            ]
        },
        {
            "name": "Turquoise",
            "hex": "#16E0C4",
            "rgb": [
                22,
                224,
                196
            ]
        },
        {
            "name": "Light Red",
            "hex": "#F04438",
            "rgb": [
                240,
                68,
                56
            ]
        },
        {
            "name": "Chocolate",
            "hex": "#FF6A00",
            "rgb": [
                255,
                106,
                0
            ]
        },
        {
            "name": "Deep Red",
            "hex": "#E63223",
            "rgb": [
                230,
                50,
                35
            ]
        },
        {
            "name": "Deep Pink",
            "hex": "#E3178A",
            "rgb": [
                227,
                23,
                138
            ]
        },
        {
            "name": "Dark Orchid",
            "hex": "#A22FB6",
            "rgb": [
                162,
                47,
                182
            ]
        },
        {
            "name": "Lime Green",
            "hex": "#40BF4A",
            "rgb": [
                64,
                191,
                74
            ]
        }
    ],
    "fonts": [
        {
            "name": "Inter",
            "stack": "Inter, Inter Placeholder, sans-serif",
            "weights": [
                400
            ],
            "source": "Served from framerusercontent.com"
        },
        {
            "name": "DM Sans Variable",
            "stack": "\"DM Sans Variable\", \"DM Sans Fallback\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
            "weights": [
                100,
                1000
            ],
            "source": "Self-hosted"
        }
    ]
}

Other websites using Inter as their main typeface

ITFixio

itfixio.co.uk · set in Inter
Save1
IGN

ign.com · set in Inter
Save
Deezer

deezer.com · set in Inter
Save
AI-Native Cloud

digitalocean.com · set in Inter
Save

Websites whose lead colour is closest to bunq’s

DepositPhotos

depositphotos.com · 6 days ago
Save
Sniply

snip.ly · 8 hours ago
Save
Facebook

messenger.com · 1 day ago
Save
Facebook

m.me · 4 days ago
Save

Captured from bunq.com on 26 October 2026. SiteStyleGuide isn’t affiliated with or endorsed by bunq; this guide describes the public website for reference.

bunqstyle guide

Title &description

Logo

Favicons

Colour

Balance

Neutrals

White

Black

Cool Light Grey

Near Black

Colours

Dodger Blue

Dark Slate Grey

Dark Orange

Deep Sky Blue

Medium Sea Green

Turquoise

Light Red

Chocolate

Deep Red

Deep Pink

Dark Orchid

Lime Green

Inter

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Share

Run bunq.com?

Also set in Inter

ITFixio

IGN

Deezer

AI-Native Cloud

Similar colours

DepositPhotos

Sniply

Facebook

Facebook

Title &
description