What font does エキテン byGMO use?

エキテン byGMO’s website uses two typefaces: Hiragino Kaku Gothic ProN (headings and body text), a system font; EB Garamond, google Fonts.

What are エキテン byGMO’s brand colours?

The main colours on ekiten.jp are Light Red (#FF3333), Dodger Blue (#3D92F5), Light Coral (#FF9999), Corn Silk (#FFFBE5), Deep Red (#DD0000) and Dark Turquoise (#16C5DB).

What colour is エキテン byGMO’s text and background?

Body text is #333333 on a #FFFFFF background.

Where is エキテン byGMO’s logo from?

The logo shown in this guide was found on ekiten.jp’s homepage. For official logo files and usage rules, check エキテン byGMO’s own brand or press page.

Is this エキテン byGMO’s official style guide?

No. SiteStyleGuide made it from ekiten.jp’s public web pages on 31 October 2026, and isn’t affiliated with エキテン byGMO. Members can refresh a guide after 90 days to pick up changes.

Unofficial A style guide made by SiteStyleGuide from ekiten.jp’s public web pages. Not affiliated with or endorsed by エキテン byGMO. The real site is ekiten.jp ↗

Unofficial style guide

エキテン byGMOstyle guide

エキテン byGMO’s website (ekiten.jp) uses Hiragino Kaku Gothic ProN for its headings and body text. Its palette is led by Light Red (#FF3333), Dodger Blue (#3D92F5) and Light Coral (#FF9999), with #333333 text on #FFFFFF. Captured from the live site on 31 October 2026.

Website: ekiten.jp
Typefaces: Hiragino Kaku Gothic ProN, EB Garamond
Palette: 4 neutrals, 12 colours, 3 gradients
Captured: 31 Oct 2026 · added by @sitestyleguide

Save Add to collection Share Report

Screenshot of the ekiten.jp homepage on a desktop screen — Screenshot of ekiten.jp on a 1440 px desktop screen, 31 Oct 2026.

Screenshot of the ekiten.jp 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: エキテン byGMO - 国内最大級のオンライン商店街～ポイント・クーポンでお得～; ● 41 / 60 characters
Meta description: 国内最大級のオンライン商店街「エキテン byGMO」には全国のお店や施設が5200177件掲載されています。お得なクーポンや、口コミやランキングから目的に合った情報を探すことができ、利用すれば利用するほどポイントが貯まります。; ● 113 / 160 characters
Site name: エキテン byGMO
og:title: エキテン byGMO - 国内最大級のオンライン商店街～ポイント・クーポンでお得～
og:description: 国内最大級のオンライン商店街「エキテン byGMO」には全国のお店や施設が5200177件掲載されています。お得なクーポンや、口コミやランキングから目的に合った情報を探すことができ、利用すれば利用するほどポイントが貯まります。
Language: ja

In search results

エキテン byGMOhttps://www.ekiten.jp/

エキテン byGMO - 国内最大級のオンライン商店街～ポイント・クー…

国内最大級のオンライン商店街「エキテン byGMO」には全国のお店や施設が5200177件掲載されています。お得なクーポンや、口コミやランキングから目的に合った情報を探すこと…

When shared

ekiten.jp

エキテン byGMO - 国内最大級のオンライン商店街～ポイント・クーポンでお得～

国内最大級のオンライン商店街「エキテン byGMO」には全国のお店や施設が5200177件掲載されています。お得なクーポン…

Logo & favicons

Found as: image in the header. SVG, 485 × 80.

Logo

On white

On black

On Light Red

Favicons

1 found

128 px · ICO icon

エキテン byGMO - 国内最大級のオンライン商店街～ポイント・クーポンでお得～

Light browser tab

エキテン byGMO - 国内最大級のオンライン商店街～ポイント・クーポンでお得～

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 (#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.8%
Light Grey 12.8%
Light Red 11.1%
Charcoal 9.4%
Off White 8.5%
Dodger Blue 6.4%
Light Coral 4.2%
Corn Silk 2.9%
Deep Red 2.5%
Dark Turquoise 2.4%
Dark Slate Blue 1%
Steel Blue 0.6%
Alice Blue 0.6%
Lime Green 0.6%
Dark Orange 0.6%
Deep Coral 0.5%

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, .ll-o-couponList
Light Grey

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 16

On text
8.69:1 AAA

On white
1.45:1 Fail

Border, text, background · .ll-o-reserveSlotList__title, .ll-a-toggleSwitchButton__switchArea
Charcoal

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 80

On text
—

On white
12.63:1 AAA

Text · body, .ll-a-countButton button
Off White

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 8

On text
10.50:1 AAA

On white
1.20:1 Fail

Background, border, graphic · .ll-a-countButton button, .ll-a-addPickupButton

Colours

Brand colours and accents, most used first

Light Red

HEX

RGB

HSL

OKLCH

CMYK
0 80 80 0

On text
3.47:1 AA large

On white
3.64:1 AA large

Text, background, border · .ll-a-heading--attention, .ll-a-iconCountButton button
Dodger Blue

HEX

RGB

HSL

OKLCH

CMYK
75 40 0 4

On text
3.99:1 AA large

On white
3.17:1 AA large

Text, background, border · .ll-m-mediaCard__title, .ll-a-button--primary
Light Coral

HEX

RGB

HSL

OKLCH

CMYK
0 40 40 0

On text
6.18:1 AA

On white
2.05:1 Fail

Background, border, text · .ll-o-couponList, .ll-o-coupon__limit__title
Corn Silk

HEX

RGB

HSL

OKLCH

CMYK
0 2 10 0

On text
12.14:1 AAA

On white
1.04:1 Fail

Background · .ll-o-couponList--premium, .ll-o-couponList--member.ll-o-couponList--premium
Deep Red

HEX

RGB

HSL

OKLCH

CMYK
0 100 100 13

On text
2.45:1 Fail

On white
5.15:1 AA

Text, background, border · .ll-m-tabBar__item--current .ll-m-tabBar__item__pagingLabel, .ll-m-surveyNotAnsweredModal__heading
Dark Turquoise

HEX

RGB

HSL

OKLCH

CMYK
90 10 0 14

On text
6.04:1 AA

On white
2.09:1 Fail

Background, text, border · .ll-o-reserveSlotList__title, .ll-a-cvButton--reserve
Dark Slate Blue

HEX

RGB

HSL

OKLCH

CMYK
66 43 0 62

On text
1.09:1 Fail

On white
11.62:1 AAA

Background, border · .ll-o-couponList--member.ll-o-couponList--premium, .ll-o-couponList--member
Steel Blue

HEX

RGB

HSL

OKLCH

CMYK
100 52 0 0

On text
3.15:1 AA large

On white
4.02:1 AA large

Background · .swiper-pagination-bullet-active, .swiper-pagination-progressbar .swiper-pagination-progressbar-fill
Alice Blue

HEX

RGB

HSL

OKLCH

CMYK
15 8 0 1

On text
10.22:1 AAA

On white
1.24:1 Fail

Background · .ll-m-freeWordSearchInput__selectedItem--city, .ll-m-freeWordSearchDropList__item__subLabel--city
Lime Green

HEX

RGB

HSL

OKLCH

CMYK
63 0 79 11

On text
7.46:1 AAA

On white
1.69:1 Fail

Background, border · .ll-a-inputLabel__satisfiedTag, --lime-100
Dark Orange

HEX

RGB

HSL

OKLCH

CMYK
0 48 100 0

On text
5.15:1 AA

On white
2.46:1 Fail

Background, border · .ll-a-cvButton--customConversion, --orange-100
Deep Coral

HEX

RGB

HSL

OKLCH

CMYK
0 46 46 6

On text
4.95:1 AA

On white
2.55:1 Fail

Text · .ll-m-businessHourTable__head__cell--sunday, .ll-m-businessHourList__term--holiday

Gradients

linear-gradient(180deg,rgba(255,0,0,0) 5.6rem,rgba(0,0,0,.16) 0)
linear-gradient(0deg,rgba(0,0,0,.5),transparent)
radial-gradient(farthest-side, 99%,transparent 100%) 0 0 / ,radial-gradient(farthest-side, 99%,transparent 100%) 100% 100%/ ,linear-gradient(,) 0 100%/ calc(100% - /2),linear-gradient(,) 0 100%/calc(100% - /2)

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.

Hiragino Kaku Gothic ProN

Aa 400

Hiragino Kaku Gothic ProN

System font, or not loaded on this page · body · shown in a stand-in if you don’t have it

Aa 600

EB Garamond

Google Fonts · weights 600

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

Type scale

From the site’s CSS · root 10 px

Body 1.4rem · 14 px Hiragino Kaku Gothic ProN

国内最大級のオンライン商店街「エキテン byGMO」には全国のお店や施設が5200177件掲載されています。お得なクーポンや、口コミやランキングから目的…

Paragraph 14px / 22px

Small 80%

Button 2rem · 20 px / 1.3 weight 700 · none

Get started

Link 1.4rem · 14 px / 1.375 weight 700

Sizes in use

Most common across the site

45px3 rules
35px6 rules
22px3 rules
20pxline 1 · 16 rules
16pxline 1.4375 · 33 rules
14pxline 1.3 · 60 rules
12pxline 1.3 · 77 rules
10pxline 1 · 52 rules

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

.ll-a-countButton button · #EAEAEA · radius calc(3rem/2)

Corner radius

50% · 13×
8px · 11×
.6rem · 7×
1.5rem · 6×
calc(3rem/2) · 6×
6px · 5×

Shadows

0 0 .4rem 0 rgba(0,0,0,.25)
0 0 .4rem #3d92f5
0 0 0.4rem 0 rgba(0,0,0,.25)
0 0 .2rem 0 rgba(0,0,0,.3)

Layout

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

Grid

Breakpoints

360

479

480

768

769

992

1200

On a scale of 0 to 1440 px.

Content widths (max-width)

1040 px

768 px

565 px

480 px

375 px

300 px

Notes

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

Notes

● FineThe title is 41 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 エキテン byGMO use?: エキテン byGMO’s website uses two typefaces: Hiragino Kaku Gothic ProN (headings and body text), a system font; EB Garamond, google Fonts.
What are エキテン byGMO’s brand colours?: The main colours on ekiten.jp are Light Red (#FF3333), Dodger Blue (#3D92F5), Light Coral (#FF9999), Corn Silk (#FFFBE5), Deep Red (#DD0000) and Dark Turquoise (#16C5DB).
What colour is エキテン byGMO’s text and background?: Body text is #333333 on a #FFFFFF background.
Where is エキテン byGMO’s logo from?: The logo shown in this guide was found on ekiten.jp’s homepage. For official logo files and usage rules, check エキテン byGMO’s own brand or press page.
Is this エキテン byGMO’s official style guide?: No. SiteStyleGuide made it from ekiten.jp’s public web pages on 31 October 2026, and isn’t affiliated with エキテン byGMO. 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

ekiten-jp-tokens.css

Download

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

/* ekiten.jp design tokens, from SiteStyleGuide (https://sitestyleguide.com/ekiten.jp) */
:root {
  /* Colours */
  --text: #333333;
  --background: #FFFFFF;
  --colour-white: #FFFFFF;
  --colour-light-grey: #D6D6D6;
  --colour-charcoal: #333333;
  --colour-off-white: #EAEAEA;
  --colour-light-red: #FF3333;
  --colour-dodger-blue: #3D92F5;
  --colour-light-coral: #FF9999;
  --colour-corn-silk: #FFFBE5;
  --colour-deep-red: #DD0000;
  --colour-dark-turquoise: #16C5DB;
  --colour-dark-slate-blue: #213862;
  --colour-steel-blue: #007AFF;
  --colour-alice-blue: #D8E9FD;
  --colour-lime-green: #54E32F;
  --colour-dark-orange: #FF8400;
  --colour-deep-coral: #F08282;
  --gradient-1: linear-gradient(180deg,rgba(255,0,0,0) 5.6rem,rgba(0,0,0,.16) 0);
  --gradient-2: linear-gradient(0deg,rgba(0,0,0,.5),transparent);
  --gradient-3: radial-gradient(farthest-side, 99%,transparent 100%) 0 0 / ,radial-gradient(farthest-side, 99%,transparent 100%) 100% 100%/ ,linear-gradient(,) 0 100%/ calc(100% - /2),linear-gradient(,) 0 100%/calc(100% - /2);

  /* Typefaces */
  --font-body: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', sans-serif;
  --font-other: 'EB Garamond', 'Garamond', 'Times New Roman', serif;

  /* Type scale */
  --text-body: 1.4rem;
  --text-p: 14px;
  --leading-p: 22px;
  --text-small: 80%;
  --text-button: 2rem;
  --leading-button: 1.3;
  --text-a: 1.4rem;
  --leading-a: 1.375;

  /* Shape */
  --radius-1: 50%;
  --radius-2: 8px;
  --radius-3: .6rem;
  --radius-4: 1.5rem;
  --radius-5: calc(3rem/2);
  --radius-6: 6px;

  /* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
  --breakpoint-1: 360px;
  --breakpoint-2: 479px;
  --breakpoint-3: 480px;
  --breakpoint-4: 768px;
  --breakpoint-5: 769px;
  --breakpoint-6: 992px;
  --breakpoint-7: 1200px;
  --max-width-1: 1040px;
  --max-width-2: 768px;
  --max-width-3: 565px;
  --max-width-4: 480px;
  --max-width-5: 375px;
  --max-width-6: 300px;
}

{
    "site": "ekiten.jp",
    "source": "https://sitestyleguide.com/ekiten.jp",
    "text": "#333333",
    "background": "#FFFFFF",
    "colours": [
        {
            "name": "White",
            "hex": "#FFFFFF",
            "rgb": [
                255,
                255,
                255
            ]
        },
        {
            "name": "Light Grey",
            "hex": "#D6D6D6",
            "rgb": [
                214,
                214,
                214
            ]
        },
        {
            "name": "Charcoal",
            "hex": "#333333",
            "rgb": [
                51,
                51,
                51
            ]
        },
        {
            "name": "Off White",
            "hex": "#EAEAEA",
            "rgb": [
                234,
                234,
                234
            ]
        },
        {
            "name": "Light Red",
            "hex": "#FF3333",
            "rgb": [
                255,
                51,
                51
            ]
        },
        {
            "name": "Dodger Blue",
            "hex": "#3D92F5",
            "rgb": [
                61,
                146,
                245
            ]
        },
        {
            "name": "Light Coral",
            "hex": "#FF9999",
            "rgb": [
                255,
                153,
                153
            ]
        },
        {
            "name": "Corn Silk",
            "hex": "#FFFBE5",
            "rgb": [
                255,
                251,
                229
            ]
        },
        {
            "name": "Deep Red",
            "hex": "#DD0000",
            "rgb": [
                221,
                0,
                0
            ]
        },
        {
            "name": "Dark Turquoise",
            "hex": "#16C5DB",
            "rgb": [
                22,
                197,
                219
            ]
        },
        {
            "name": "Dark Slate Blue",
            "hex": "#213862",
            "rgb": [
                33,
                56,
                98
            ]
        },
        {
            "name": "Steel Blue",
            "hex": "#007AFF",
            "rgb": [
                0,
                122,
                255
            ]
        },
        {
            "name": "Alice Blue",
            "hex": "#D8E9FD",
            "rgb": [
                216,
                233,
                253
            ]
        },
        {
            "name": "Lime Green",
            "hex": "#54E32F",
            "rgb": [
                84,
                227,
                47
            ]
        },
        {
            "name": "Dark Orange",
            "hex": "#FF8400",
            "rgb": [
                255,
                132,
                0
            ]
        },
        {
            "name": "Deep Coral",
            "hex": "#F08282",
            "rgb": [
                240,
                130,
                130
            ]
        }
    ],
    "fonts": [
        {
            "name": "Hiragino Kaku Gothic ProN",
            "stack": "\"Hiragino Kaku Gothic ProN\", \"Hiragino Sans\", sans-serif",
            "weights": [],
            "source": "System font, or not loaded on this page"
        },
        {
            "name": "EB Garamond",
            "stack": "\"EB Garamond\", \"Garamond\", \"Times New Roman\", serif",
            "weights": [
                600
            ],
            "source": "Google Fonts"
        }
    ]
}

Other websites using Hiragino Kaku Gothic ProN as their main typeface

So-net(ソネット)

so-net.ne.jp · set in Hiragino Kaku Gothic ProN
Save
Intercom

intercom.com · set in Hiragino Kaku Gothic ProN
Save

Websites whose lead colour is closest to エキテン byGMO’s

Esquire

esquire.com · 3 days ago
Save
EaseMyTrip

easemytrip.com · 4 days ago
Save
Flipboard

flipboard.com · 4 days ago
Save
NBC Sports

nbcsports.com · 5 days ago
Save

Captured from ekiten.jp on 31 October 2026. SiteStyleGuide isn’t affiliated with or endorsed by エキテン byGMO; this guide describes the public website for reference.

エキテン byGMOstyle guide

Title &description

Logo

Favicons

Colour

Balance

Neutrals

White

Light Grey

Charcoal

Off White

Colours

Light Red

Dodger Blue

Light Coral

Corn Silk

Deep Red

Dark Turquoise

Dark Slate Blue

Steel Blue

Alice Blue

Lime Green

Dark Orange

Deep Coral

Gradients

Hiragino Kaku Gothic ProN

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Share

Run ekiten.jp?

Also set in Hiragino Kaku Gothic ProN

So-net(ソネット)

Intercom

Similar colours

Esquire

EaseMyTrip

Flipboard

NBC Sports

Title &
description