What font does Kombu use?

Kombu’s website uses four typefaces: brownhill_scriptregular (headings), self-hosted; Lato (body text), google Fonts; Montserrat, google Fonts; Open Sans, google Fonts.

What are Kombu’s brand colours?

The main colours on kombudrinks.com are Deep Sky Blue (#52BCF8), Tomato (#FF5859), Light Green (#A1D782), Yellow (#F8EB3C), Plum (#DD9DC6) and Deep Cornflower Blue (#5082E4).

What colour is Kombu’s text and background?

Body text is #231F20 on a #F0F0F0 background.

Where is Kombu’s logo from?

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

Is this Kombu’s official style guide?

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

Kombu Style Guide: Colours, Fonts & Logo

Identity & metadata

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

Title &
description

Page title: Kombu | Boisson vivifiante à base de thé; ● 40 / 60 characters
Meta description: Une boisson à base de kombucha brassée en 4 saveurs à Drummondville; une vivifiante alternative aux breuvages pétillants, énergisants ou non gazéifiés; ● 150 / 160 characters
Site name: Kombu
og:title: Kombu | Boisson vivifiante à base de thé
og:description: Une boisson à base de kombucha brassée en 4 saveurs à Drummondville; une vivifiante alternative aux breuvages pétillants, énergisants ou non gazéifiés
Language: fr-FR
Theme colour: #231f20

In search results

Kombuhttps://www.kombudrinks.com/

Kombu | Boisson vivifiante à base de thé

Une boisson à base de kombucha brassée en 4 saveurs à Drummondville; une vivifiante alternative aux breuvages pétillants, énergisants ou non gazéifiés

When shared

kombudrinks.com

Kombu | Boisson vivifiante à base de thé

Une boisson à base de kombucha brassée en 4 saveurs à Drummondville; une vivifiante alternative aux breuvages…

Back to top ↑

Logo & favicons

Found as: SVG in the header. SVG, 424 × 110.

Logo

On white

On black

On Deep Sky Blue

Favicons

1 found

64 px · ICO icon

Kombu | Boisson vivifiante à base de thé

Light browser tab

Kombu | Boisson vivifiante à base de thé

Dark browser tab

Back to top ↑

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 (#231F20) and white, using WCAG 2 ratios: 4.5 for body text, 3 for large text.

Colour

Balance

How much each colour is used

White 29.8%
Off White 19.8%
Near Black 18%
Deep Sky Blue 6.6%
Charcoal 4.6%
Tomato 4.6%
Light Green 4.6%
Yellow 3.8%
Plum 3.1%
Deep Cornflower Blue 2.4%
Light Cornflower Blue 0.7%
Light Sky Blue 0.7%
Red 0.7%
Cadet Blue 0.6%

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
16.30:1 AAA

On white
—

Background, text, graphic · .c-404__title, .c-credit__title h2
Off White

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 6

On text
14.30:1 AAA

On white
1.14:1 Fail

Background, border · body, .c-about-big-title__bg span
Near Black

HEX

RGB

HSL

OKLCH

CMYK
0 11 9 86

On text
—

On white
16.30:1 AAA

Background, text, graphic · .c-retailler__title::before, .c-about-big-title__bg::before
Charcoal

HEX

RGB

HSL

OKLCH

CMYK
4 0 2 80

On text
1.28:1 Fail

On white
12.73:1 AAA

Text, graphic · .snipcart, .snipcart-modal__close

Colours

Brand colours and accents, most used first

Deep Sky Blue

HEX

RGB

HSL

OKLCH

CMYK
67 24 0 3

On text
7.69:1 AAA

On white
2.12:1 Fail

Text, background, border · .snipcart__box--badge-highlight, .snipcart-cart-button--highlight
Tomato

HEX

RGB

HSL

OKLCH

CMYK
0 65 65 0

On text
5.27:1 AA

On white
3.09:1 AA large

Background, border · .-red.-reverse .o-button__stroke, .message-erreur
Light Green

HEX

RGB

HSL

OKLCH

CMYK
25 0 40 16

On text
9.75:1 AAA

On white
1.67:1 Fail

Background, border · .-green.-reverse .o-button__stroke, .message-okay
Yellow

HEX

RGB

HSL

OKLCH

CMYK
0 5 76 3

On text
13.15:1 AAA

On white
1.24:1 Fail

Background, border · .-yellow.-reverse .o-button__stroke, .-yellow .o-button__stroke::before
Plum

HEX

RGB

HSL

OKLCH

CMYK
0 29 10 13

On text
7.54:1 AAA

On white
2.16:1 Fail

Background, border · .-purple.-reverse .o-button__stroke, .color-purple .o-button__stroke::before
Deep Cornflower Blue

HEX

RGB

HSL

OKLCH

CMYK
65 43 0 11

On text
4.39:1 AA large

On white
3.71:1 AA large

Background, graphic · .snipcart__box--badge-highlight, .snipcart-cart-button--highlight
Light Cornflower Blue

HEX

RGB

HSL

OKLCH

CMYK
53 33 0 6

On text
6.21:1 AA

On white
2.62:1 Fail

Background · .snipcart-cart-button--disabled
Light Sky Blue

HEX

RGB

HSL

OKLCH

CMYK
78 20 0 0

On text
8.64:1 AAA

On white
1.89:1 Fail

Background · .snipcart-cart-button--disabled
Red

HEX

RGB

HSL

OKLCH

CMYK
0 77 85 15

On text
3.42:1 AA large

On white
4.76:1 AA

Text, border, graphic · .snipcart-error-message, .snipcart__icon--red path
Cadet Blue

HEX

RGB

HSL

OKLCH

CMYK
34 6 0 33

On text
5.67:1 AA

On white
2.87:1 Fail

Text · .snipcart-typeahead__suggestion--secondary, .snipcart-typeahead__suggestion--loading

Gradients

linear-gradient(90deg,#5082e4,#52bcf8)
linear-gradient(90deg,#72a0f0,#37cbfe)

Back to top ↑

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.

brownhill_scriptregular

Aa 400

brownhill_scriptregular

Self-hosted · weights 400 · headings · shown in a stand-in if you don’t have it

Aa 300 Aa 700

Lato

Google Fonts · weights 300, 700 · body, headings

Aa 300 Aa 500

Montserrat

Google Fonts · weights 300, 500 · headings

Aa 300 Aa 600

Open Sans

Google Fonts · weights 300, 600

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

Type scale

From the site’s CSS

Heading 1 2em · 32 px / 1.2 weight 300 · Lato

Kombu

Heading 2 — / 1 weight 300 · lowercase · brownhill_scriptregular

Kombu | Boisson vivifiante à base de thé

Heading 3 — / 1.2 weight 300 · brownhill_scriptregular

Kombu | Boisson vivifiante à base de thé

Heading 4 — / 1.2 weight 300 · Lato

Kombu | Boisson vivifiante à base de thé

Heading 5 — / 1.2 weight 300 · Lato

Kombu | Boisson vivifiante à base de thé

Heading 6 — / 1.2 weight 300 · Lato

Kombu | Boisson vivifiante à base de thé

Paragraph 0.875rem · 14 px / 1.4

Une boisson à base de kombucha brassée en 4 saveurs à Drummondville; une vivifiante alternative aux breuvages pétillants, énergisants ou no…

Small 80%

Une boisson à base de kombucha brassée en 4 saveurs à Drummondville; une vivifiante alternative aux breuvages pétillants, énergisants ou no…

Sizes in use

Most common across the site

32px1 rules
18px1 rules
16pxline 1.8 · 6 rules
14pxline 20px · 4 rules
12px1 rules

Back to top ↑

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

50% · 5×
3px · 2×
999px · 1×
99px · 1×

Shadows

0 8px 24px rgba(231,235,237,.6)
0 12px 24px 0 #eef6f9
10px 10px 15px 10px #d9dfe0
2px 2px 6px rgba(80,130,228,.3)

Back to top ↑

Layout

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

Grid

Breakpoints

499

500

699

700

999

1000

1024

1200

On a scale of 0 to 1440 px.

Content widths (max-width)

1440 px

566 px

560 px

540 px

440 px

420 px

Back to top ↑

Notes

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

Notes

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

Back to top ↑

Questions

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

Questions

What font does Kombu use?: Kombu’s website uses four typefaces: brownhill_scriptregular (headings), self-hosted; Lato (body text), google Fonts; Montserrat, google Fonts; Open Sans, google Fonts.
What are Kombu’s brand colours?: The main colours on kombudrinks.com are Deep Sky Blue (#52BCF8), Tomato (#FF5859), Light Green (#A1D782), Yellow (#F8EB3C), Plum (#DD9DC6) and Deep Cornflower Blue (#5082E4).
What colour is Kombu’s text and background?: Body text is #231F20 on a #F0F0F0 background.
Where is Kombu’s logo from?: The logo shown in this guide was found on kombudrinks.com’s homepage. For official logo files and usage rules, check Kombu’s own brand or press page.
Is this Kombu’s official style guide?: No. SiteStyleGuide made it from kombudrinks.com’s public web pages on 26 October 2026, and isn’t affiliated with Kombu. Members can refresh a guide after 90 days to pick up changes.

Back to top ↑

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

kombudrinks-com-tokens.css

Download

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

/* kombudrinks.com design tokens, from SiteStyleGuide (https://sitestyleguide.com/kombudrinks.com) */
:root {
  /* Colours */
  --text: #231F20;
  --background: #F0F0F0;
  --colour-white: #FFFFFF;
  --colour-off-white: #F0F0F0;
  --colour-near-black: #231F20;
  --colour-charcoal: #313332;
  --colour-deep-sky-blue: #52BCF8;
  --colour-tomato: #FF5859;
  --colour-light-green: #A1D782;
  --colour-yellow: #F8EB3C;
  --colour-plum: #DD9DC6;
  --colour-deep-cornflower-blue: #5082E4;
  --colour-light-cornflower-blue: #72A0F0;
  --colour-light-sky-blue: #37CBFE;
  --colour-red: #D93120;
  --colour-cadet-blue: #71A0AA;
  --gradient-1: linear-gradient(90deg,#5082e4,#52bcf8);
  --gradient-2: linear-gradient(90deg,#72a0f0,#37cbfe);

  /* Typefaces */
  --font-headings: 'brownhill_scriptregular', 'Georgia', 'Times New Roman', 'Times', serif;
  --font-body: 'Lato', 'Helvetica', 'Arial', sans-serif;
  --font-other: 'Open Sans', sans-serif;

  /* Type scale */
  --text-h1: 2em;
  --leading-h1: 1.2;
  --text-p: 0.875rem;
  --leading-p: 1.4;
  --text-small: 80%;

  /* Shape */
  --radius-1: 50%;
  --radius-2: 3px;
  --radius-3: 999px;
  --radius-4: 99px;

  /* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
  --breakpoint-1: 499px;
  --breakpoint-2: 500px;
  --breakpoint-3: 699px;
  --breakpoint-4: 700px;
  --breakpoint-5: 999px;
  --breakpoint-6: 1000px;
  --breakpoint-7: 1024px;
  --breakpoint-8: 1200px;
  --max-width-1: 1440px;
  --max-width-2: 566px;
  --max-width-3: 560px;
  --max-width-4: 540px;
  --max-width-5: 440px;
  --max-width-6: 420px;
}

{
    "site": "kombudrinks.com",
    "source": "https://sitestyleguide.com/kombudrinks.com",
    "text": "#231F20",
    "background": "#F0F0F0",
    "colours": [
        {
            "name": "White",
            "hex": "#FFFFFF",
            "rgb": [
                255,
                255,
                255
            ]
        },
        {
            "name": "Off White",
            "hex": "#F0F0F0",
            "rgb": [
                240,
                240,
                240
            ]
        },
        {
            "name": "Near Black",
            "hex": "#231F20",
            "rgb": [
                35,
                31,
                32
            ]
        },
        {
            "name": "Charcoal",
            "hex": "#313332",
            "rgb": [
                49,
                51,
                50
            ]
        },
        {
            "name": "Deep Sky Blue",
            "hex": "#52BCF8",
            "rgb": [
                82,
                188,
                248
            ]
        },
        {
            "name": "Tomato",
            "hex": "#FF5859",
            "rgb": [
                255,
                88,
                89
            ]
        },
        {
            "name": "Light Green",
            "hex": "#A1D782",
            "rgb": [
                161,
                215,
                130
            ]
        },
        {
            "name": "Yellow",
            "hex": "#F8EB3C",
            "rgb": [
                248,
                235,
                60
            ]
        },
        {
            "name": "Plum",
            "hex": "#DD9DC6",
            "rgb": [
                221,
                157,
                198
            ]
        },
        {
            "name": "Deep Cornflower Blue",
            "hex": "#5082E4",
            "rgb": [
                80,
                130,
                228
            ]
        },
        {
            "name": "Light Cornflower Blue",
            "hex": "#72A0F0",
            "rgb": [
                114,
                160,
                240
            ]
        },
        {
            "name": "Light Sky Blue",
            "hex": "#37CBFE",
            "rgb": [
                55,
                203,
                254
            ]
        },
        {
            "name": "Red",
            "hex": "#D93120",
            "rgb": [
                217,
                49,
                32
            ]
        },
        {
            "name": "Cadet Blue",
            "hex": "#71A0AA",
            "rgb": [
                113,
                160,
                170
            ]
        }
    ],
    "fonts": [
        {
            "name": "brownhill_scriptregular",
            "stack": "\"brownhill_scriptregular\", Georgia, \"Times New Roman\", Times, serif",
            "weights": [
                400
            ],
            "source": "Self-hosted"
        },
        {
            "name": "Lato",
            "stack": "\"Lato\", Helvetica, Arial, sans-serif",
            "weights": [
                300,
                700
            ],
            "source": "Google Fonts"
        },
        {
            "name": "Montserrat",
            "stack": "Montserrat, sans-serif",
            "weights": [
                300,
                500
            ],
            "source": "Google Fonts"
        },
        {
            "name": "Open Sans",
            "stack": "Open Sans, sans-serif",
            "weights": [
                300,
                600
            ],
            "source": "Google Fonts"
        }
    ]
}

Back to top ↑

Share

Links open each service’s own share page. Nothing from them loads here.

Share

X LinkedIn Facebook Pinterest Reddit Email

Run kombudrinks.com?

Add the badge to your site

Link to this guide from your own site, so your team, designers and agencies can find your colours and fonts in one place.

<a href="https://sitestyleguide.com/kombudrinks.com" title="Kombu style guide on SiteStyleGuide"><img src="https://sitestyleguide.com/public/badge.svg" alt="View our style guide on SiteStyleGuide" width="200" height="44"></a>

Back to top ↑

Kombustyle guide

Title &
description

Logo

Favicons

Colour

Balance

Neutrals

White

Off White

Near Black

Charcoal

Colours

Deep Sky Blue

Tomato

Light Green

Yellow

Plum

Deep Cornflower Blue

Light Cornflower Blue

Light Sky Blue

Red

Cadet Blue

Gradients

brownhill_scriptregular

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

steampowered.com

Movies Anywhere

Snapchat

reacts.ru

Kombustyle guide

Title &description

Logo

Favicons

Colour

Balance

Neutrals

White

Off White

Near Black

Charcoal

Colours

Deep Sky Blue

Tomato

Light Green

Yellow

Plum

Deep Cornflower Blue

Light Cornflower Blue

Light Sky Blue

Red

Cadet Blue

Gradients

brownhill_scriptregular

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Share

Run kombudrinks.com?

Similar colours

steampowered.com

Movies Anywhere

Snapchat

reacts.ru

Title &
description