What font does BALMUDA Inc. use?

BALMUDA Inc.’s website uses four typefaces: gotham (headings), self-hosted; Open Sans (body text), google Fonts; bodoni-pt-variable, adobe Fonts; Montserrat, probably Adobe Fonts.

What are BALMUDA Inc.’s brand colours?

The main colours on balmuda.com are Light Forest Green (#4BA53A), Orange (#E59703), Indian Red (#FB4B60), Deep Forest Green (#2B9417), Dodger Blue (#039BE5) and Dim Grey (#574B3D).

What colour is BALMUDA Inc.’s text and background?

Body text is #333333 on a #FFFFFF background.

Where is BALMUDA Inc.’s logo from?

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

Is this BALMUDA Inc.’s official style guide?

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

BALMUDA Inc. 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: BALMUDA（バルミューダ）公式サイト; ● 20 / 60 characters
Meta description: バルミューダは道具を通した素晴らしい体験を、世界中の皆様にお届けしたいと考えている企業です。公式サイトでは、すべての製品を購入いただけます。; ● 70 / 160 characters
Site name: BALMUDA Inc.
og:title: バルミューダ株式会社
og:description: バルミューダは道具を通した素晴らしい体験を、世界中の皆様にお届けしたいと考えている企業です。公式サイトでは、すべての製品を購入いただけます。
Language: ja

In search results

BALMUDA Inc.https://www.balmuda.com/jp/

BALMUDA（バルミューダ）公式サイト

バルミューダは道具を通した素晴らしい体験を、世界中の皆様にお届けしたいと考えている企業です。公式サイトでは、すべての製品を購入いただけます。

When shared

The image BALMUDA Inc. shares with links

balmuda.com

バルミューダ株式会社

バルミューダは道具を通した素晴らしい体験を、世界中の皆様にお届けしたいと考えている企業です。公式サイトでは、…

Back to top ↑

Logo & favicons

Found as: image in the header. SVG, 339 × 47.

Logo

On white

On black

On Light Forest Green

Favicons

3 found

192 px · PNG icon
180 px · PNG apple-touch-icon
64 px · ICO shortcut icon

BALMUDA（バルミューダ）公式サイト

Light browser tab

BALMUDA（バルミューダ）公式サイト

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

Colour

Balance

How much each colour is used

White 35.2%
Light Forest Green 17.7%
Dark Grey 14.8%
Charcoal 13.6%
Grey 11.6%
Orange 2.7%
Indian Red 2.4%
Deep Forest Green 1%
Dodger Blue 0.7%
Dim Grey 0.3%

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

On white
—

Background, text, border · body, .footer__products .viewport .__group .__title
Dark Grey

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 60

On text
2.20:1 Fail

On white
5.74:1 AA

Text, border, background · .btn--large--ghost, .btn--page
Charcoal

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 80

On text
—

On white
12.63:1 AAA

Text, background, border · html, .news_notice .__title
Grey

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 40

On text
4.43:1 AA large

On white
2.85:1 Fail

Text, border, background · .cta .col .__description, .btn--large[disabled]

Colours

Brand colours and accents, most used first

Light Forest Green

HEX

RGB

HSL

OKLCH

CMYK
55 0 65 35

On text
4.06:1 AA large

On white
3.11:1 AA large

Background, text, border · .cta .col:before, .btn--large
Orange

HEX

RGB

HSL

OKLCH

CMYK
0 34 99 10

On text
5.27:1 AA

On white
2.40:1 Fail

Background, border, text · .cta_headline .__news, .cta_headline
Indian Red

HEX

RGB

HSL

OKLCH

CMYK
0 70 62 2

On text
3.78:1 AA large

On white
3.35:1 AA large

Text, border · .input>input[type=email].invalid, .select>select.invalid
Deep Forest Green

HEX

RGB

HSL

OKLCH

CMYK
71 0 84 42

On text
3.22:1 AA large

On white
3.92:1 AA large

Background · .btn--large:hover, .pagemap--desktop .pagemap__content .btn--pagemap:hover
Dodger Blue

HEX

RGB

HSL

OKLCH

CMYK
99 32 0 10

On text
4.11:1 AA large

On white
3.08:1 AA large

Text · .btn--text
Dim Grey

HEX

RGB

HSL

OKLCH

CMYK
0 14 30 66

On text
1.49:1 Fail

On white
8.47:1 AAA

Text · .banner.__btk.loaded, .banner.__btk

Gradients

linear-gradient(top, #404040 0%, #333 200px)
linear-gradient(to bottom, #828282, #828282 33.33%, transparent 33.33%, transparent)
linear-gradient(top, #828282, #828282 33.33%, transparent 33.33%, transparent)

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.

gotham

Aa 300 Aa 900

gotham

Self-hosted · weights 300, 400, 500, 700, 900 · headings · shown in a stand-in if you don’t have it

Aa 400

Open Sans

Google Fonts · weights 400 · body

Aa 400 Aa 800

bodoni-pt-variable

Adobe Fonts · weights 400, 600, 800 · headings · shown in a stand-in if you don’t have it

Aa 400

Montserrat

Probably Adobe Fonts · shown in a stand-in if you don’t have it

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

Type scale

From the site’s CSS

Body 18px / 1.8 weight 400 · Open Sans

バルミューダは道具を通した素晴らしい体験を、世界中の皆様にお届けしたいと考えている企業です。公式サイトでは、すべての製品を購入いただけます。

Paragraph 16px / 1.2 Montserrat

バルミューダは道具を通した素晴らしい体験を、世界中の皆様にお届けしたいと考えている企業です。公式サイトでは、すべての製品を購入いただけます。

Button 1rem · 16 px

Get started

Link 2.5rem · 40 px / 1.8

Sizes in use

Most common across the site

32pxline 1 · 15 rules
24pxline 1.2 · 11 rules
16pxline 1.8 · 33 rules
14pxline 1.5 · 54 rules
13pxline .8rem · 37 rules
12pxline 20px · 19 rules
11pxline 1.8 · 21 rules
10pxline 1em · 11 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

Button

Get started

.btn--toast · #4BA53A

Link

Read our latest news today.

a · #222222

Corner radius

50% · 16×
2px · 12×
16px · 8×
8px · 8×
4px · 5×
12px · 4×

Shadows

0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22)
0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)
0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22)
0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)

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

320

640

641

810

980

1020

1024

1728

On a scale of 0 to 1728 px.

Content widths (max-width)

980 px

872 px

460 px

325 px

320 px

310 px

Back to top ↑

Notes

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

Notes

● FineThe title is 20 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 BALMUDA Inc. use?: BALMUDA Inc.’s website uses four typefaces: gotham (headings), self-hosted; Open Sans (body text), google Fonts; bodoni-pt-variable, adobe Fonts; Montserrat, probably Adobe Fonts.
What are BALMUDA Inc.’s brand colours?: The main colours on balmuda.com are Light Forest Green (#4BA53A), Orange (#E59703), Indian Red (#FB4B60), Deep Forest Green (#2B9417), Dodger Blue (#039BE5) and Dim Grey (#574B3D).
What colour is BALMUDA Inc.’s text and background?: Body text is #333333 on a #FFFFFF background.
Where is BALMUDA Inc.’s logo from?: The logo shown in this guide was found on balmuda.com’s homepage. For official logo files and usage rules, check BALMUDA Inc.’s own brand or press page.
Is this BALMUDA Inc.’s official style guide?: No. SiteStyleGuide made it from balmuda.com’s public web pages on 27 October 2026, and isn’t affiliated with BALMUDA Inc.. 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

balmuda-com-tokens.css

Download

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

/* balmuda.com design tokens, from SiteStyleGuide (https://sitestyleguide.com/balmuda.com) */
:root {
  /* Colours */
  --text: #333333;
  --background: #FFFFFF;
  --colour-white: #FFFFFF;
  --colour-dark-grey: #666666;
  --colour-charcoal: #333333;
  --colour-grey: #999999;
  --colour-light-forest-green: #4BA53A;
  --colour-orange: #E59703;
  --colour-indian-red: #FB4B60;
  --colour-deep-forest-green: #2B9417;
  --colour-dodger-blue: #039BE5;
  --colour-dim-grey: #574B3D;
  --gradient-1: linear-gradient(top, #404040 0%, #333 200px);
  --gradient-2: linear-gradient(to bottom, #828282, #828282 33.33%, transparent 33.33%, transparent);
  --gradient-3: linear-gradient(top, #828282, #828282 33.33%, transparent 33.33%, transparent);

  /* Typefaces */
  --font-headings: 'gotham';
  --font-body: 'Open Sans', 'YuGothic_Family', 'YuGothic', 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif;
  --font-other: 'Montserrat', sans-serif;

  /* Type scale */
  --text-body: 18px;
  --leading-body: 1.8;
  --text-p: 16px;
  --leading-p: 1.2;
  --text-button: 1rem;
  --text-a: 2.5rem;
  --leading-a: 1.8;

  /* Shape */
  --radius-1: 50%;
  --radius-2: 2px;
  --radius-3: 16px;
  --radius-4: 8px;
  --radius-5: 4px;
  --radius-6: 12px;

  /* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
  --breakpoint-1: 320px;
  --breakpoint-2: 640px;
  --breakpoint-3: 641px;
  --breakpoint-4: 810px;
  --breakpoint-5: 980px;
  --breakpoint-6: 1020px;
  --breakpoint-7: 1024px;
  --breakpoint-8: 1728px;
  --max-width-1: 980px;
  --max-width-2: 872px;
  --max-width-3: 460px;
  --max-width-4: 325px;
  --max-width-5: 320px;
  --max-width-6: 310px;
}

{
    "site": "balmuda.com",
    "source": "https://sitestyleguide.com/balmuda.com",
    "text": "#333333",
    "background": "#FFFFFF",
    "colours": [
        {
            "name": "White",
            "hex": "#FFFFFF",
            "rgb": [
                255,
                255,
                255
            ]
        },
        {
            "name": "Dark Grey",
            "hex": "#666666",
            "rgb": [
                102,
                102,
                102
            ]
        },
        {
            "name": "Charcoal",
            "hex": "#333333",
            "rgb": [
                51,
                51,
                51
            ]
        },
        {
            "name": "Grey",
            "hex": "#999999",
            "rgb": [
                153,
                153,
                153
            ]
        },
        {
            "name": "Light Forest Green",
            "hex": "#4BA53A",
            "rgb": [
                75,
                165,
                58
            ]
        },
        {
            "name": "Orange",
            "hex": "#E59703",
            "rgb": [
                229,
                151,
                3
            ]
        },
        {
            "name": "Indian Red",
            "hex": "#FB4B60",
            "rgb": [
                251,
                75,
                96
            ]
        },
        {
            "name": "Deep Forest Green",
            "hex": "#2B9417",
            "rgb": [
                43,
                148,
                23
            ]
        },
        {
            "name": "Dodger Blue",
            "hex": "#039BE5",
            "rgb": [
                3,
                155,
                229
            ]
        },
        {
            "name": "Dim Grey",
            "hex": "#574B3D",
            "rgb": [
                87,
                75,
                61
            ]
        }
    ],
    "fonts": [
        {
            "name": "gotham",
            "stack": "gotham",
            "weights": [
                300,
                400,
                500,
                700,
                900
            ],
            "source": "Self-hosted"
        },
        {
            "name": "Open Sans",
            "stack": "\"Open Sans\", \"YuGothic_Family\", \"YuGothic\", \"Hiragino Kaku Gothic ProN\", Meiryo, sans-serif",
            "weights": [
                400
            ],
            "source": "Google Fonts"
        },
        {
            "name": "bodoni-pt-variable",
            "stack": "\"bodoni-pt-variable\", sans-serif",
            "weights": [
                400,
                600,
                800
            ],
            "source": "Adobe Fonts"
        },
        {
            "name": "Montserrat",
            "stack": "\"Montserrat\", sans-serif",
            "weights": [],
            "source": "Probably Adobe Fonts"
        },
        {
            "name": "YuGothic_Family",
            "stack": "\"YuGothic_Family\", \"YuGothic\", \"Hiragino Kaku Gothic ProN\", Meiryo, sans-serif",
            "weights": [
                400,
                700
            ],
            "source": "Self-hosted"
        },
        {
            "name": "baskerville-display-pt",
            "stack": "\"baskerville-display-pt\", serif",
            "weights": [
                400,
                700
            ],
            "source": "Adobe 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 balmuda.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/balmuda.com" title="BALMUDA Inc. 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 ↑

BALMUDA Inc.style guide

Title &
description

Logo

Favicons

Colour

Balance

Neutrals

White

Dark Grey

Charcoal

Grey

Colours

Light Forest Green

Orange

Indian Red

Deep Forest Green

Dodger Blue

Dim Grey

Gradients

gotham

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

HugeDomains

360官网 -360安全中心

Songkick

GoFundMe

BALMUDA Inc.style guide

Title &description

Logo

Favicons

Colour

Balance

Neutrals

White

Dark Grey

Charcoal

Grey

Colours

Light Forest Green

Orange

Indian Red

Deep Forest Green

Dodger Blue

Dim Grey

Gradients

gotham

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Share

Run balmuda.com?

Similar colours

HugeDomains

360官网 -360安全中心

Songkick

GoFundMe

Title &
description