What font does エキサイトブログ use?

エキサイトブログ’s website uses one typeface: Apple Color Emoji (headings and body text), a system font.

What are エキサイトブログ’s brand colours?

The main colours on exblog.jp are Light Royal Blue (#2366D2), Teal (#2B808F), Chocolate (#C94E10), Light Sky Blue (#96D1FA), Dark Slate Grey (#296875) and Deep Royal Blue (#2252AB).

What colour is エキサイトブログ’s text and background?

Body text is #000000 on a #FFFFFF background.

Where is エキサイトブログ’s logo from?

The logo shown in this guide was found on exblog.jp’s homepage. For official logo files and usage rules, check エキサイトブログ’s own brand or press page.

Is this エキサイトブログ’s official style guide?

No. SiteStyleGuide made it from exblog.jp’s public web pages on 2 November 2026, and isn’t affiliated with エキサイトブログ. Members can refresh a guide after 90 days to pick up changes.

エキサイトブログ 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: エキサイトブログ｜使いやすい無料ブログ; ● 19 / 60 characters
Meta description: 写真家やプロカメラマンも愛用する画像にこだわる無料ブログサービス。洗練されたデザインで、料理、暮らし、アートなど、あらゆるテーマを自由に表現できます。アクセス解析、アフィリエイト、リッチリンクなどの機能も充実。; ● 105 / 160 characters
Site name: エキサイトブログ
og:title: エキサイトブログ｜使いやすい無料ブログ
og:description: 写真家やプロカメラマンも愛用する画像にこだわる無料ブログサービス。洗練されたデザインで、料理、暮らし、アートなど、あらゆるテーマを自由に表現できます。アクセス解析、アフィリエイト、リッチリンクなどの機能も充実。
Language: ja

In search results

エキサイトブログhttps://www.exblog.jp/

エキサイトブログ｜使いやすい無料ブログ

写真家やプロカメラマンも愛用する画像にこだわる無料ブログサービス。洗練されたデザインで、料理、暮らし、アートなど、あらゆるテーマを自由に表現できます。アクセス解…

When shared

exblog.jp

エキサイトブログ｜使いやすい無料ブログ

写真家やプロカメラマンも愛用する画像にこだわる無料ブログサービス。洗練されたデザインで、料理、暮らし、アート…

Back to top ↑

Logo & favicons

Found as: image in the header. SVG, 224 × 56.

Logo

On white

On black

On Light Royal Blue

Favicons

2 found

150 px · PNG apple-touch-icon
64 px · ICO shortcut icon

エキサイトブログ｜使いやすい無料ブログ

Light browser tab

エキサイトブログ｜使いやすい無料ブログ

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 (#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 33%
Light Royal Blue 13.5%
Teal 8.4%
Chocolate 7.5%
Light Sky Blue 5.3%
Dark Slate Grey 5.1%
Warm Off White 4.8%
Cool Off White 4.4%
Deep Royal Blue 3.7%
Midnight Blue 3.6%
Light Salmon 3.6%
Powder Blue 3.6%
Steel Blue 3.2%
Off White 0.2%

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, border · .c-heading--emphasis, .bg-color-bg-base
Warm Off White

HEX

RGB

HSL

OKLCH

CMYK
0 2 5 4

On text
18.56:1 AAA

On white
1.13:1 Fail

Background, text, border · .bg-\[\#FBF8F0\], .text-\[\#F6F0E9\]
Cool Off White

HEX

RGB

HSL

OKLCH

CMYK
4 0 0 2

On text
19.77:1 AAA

On white
1.06:1 Fail

Background · .bg-exblog-emerald-50, --color-exblog-emerald-50
Off White

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 7

On text
18.10:1 AAA

On white
1.16:1 Fail

Border · .fa-border

Colours

Brand colours and accents, most used first

Light Royal Blue

HEX

RGB

HSL

OKLCH

CMYK
83 51 0 18

On text
3.90:1 AA large

On white
5.38:1 AA

Background, text, border · .c-button--blue, .c-tab__link--active
Teal

HEX

RGB

HSL

OKLCH

CMYK
70 10 0 44

On text
4.59:1 AA

On white
4.58:1 AA

Background, text, border · .c-button--emerald, .bg-exblog-emerald-600
Chocolate

HEX

RGB

HSL

OKLCH

CMYK
0 61 92 21

On text
4.58:1 AA

On white
4.58:1 AA

Background, text · .c-button--orange, .bg-exblog-orange-600
Light Sky Blue

HEX

RGB

HSL

OKLCH

CMYK
40 16 0 2

On text
12.80:1 AAA

On white
1.64:1 Fail

Background, text · .bg-exblog-blue-300, .text-exblog-blue-300
Dark Slate Grey

HEX

RGB

HSL

OKLCH

CMYK
65 11 0 54

On text
3.33:1 AA large

On white
6.30:1 AA

Background · .bg-exblog-emerald-700, --color-exblog-emerald-700
Deep Royal Blue

HEX

RGB

HSL

OKLCH

CMYK
80 52 0 33

On text
2.86:1 Fail

On white
7.33:1 AAA

Background · --color-exblog-blue-800, .c-button--blue:hover
Midnight Blue

HEX

RGB

HSL

OKLCH

CMYK
70 45 0 68

On text
1.54:1 Fail

On white
13.65:1 AAA

Background · .bg-exblog-blue-950, --color-exblog-blue-950
Light Salmon

HEX

RGB

HSL

OKLCH

CMYK
0 34 52 4

On text
10.14:1 AAA

On white
2.07:1 Fail

Background · .bg-exblog-orange-300, --color-exblog-orange-300
Powder Blue

HEX

RGB

HSL

OKLCH

CMYK
22 1 0 8

On text
15.63:1 AAA

On white
1.34:1 Fail

Background · .bg-exblog-emerald-200, --color-exblog-emerald-200
Steel Blue

HEX

RGB

HSL

OKLCH

CMYK
81 46 0 10

On text
5.07:1 AA

On white
4.14:1 AA large

Text · .text-exblog-blue-600, --color-exblog-blue-600

Gradients

linear-gradient(initial)

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.

Apple Color Emoji

Aa 400

Apple Color Emoji

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

Aa 400

SFMono-Regular

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

Aa 400

Georgia

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

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

Type scale

From the site’s CSS

Body 1rem · 16 px / initial weight initial

写真家やプロカメラマンも愛用する画像にこだわる無料ブログサービス。洗練されたデザインで、料理、暮らし、アートなど、あらゆるテーマを自由に表…

Small 80%

写真家やプロカメラマンも愛用する画像にこだわる無料ブログサービス。洗練されたデザインで、料理、暮らし、アートなど、あらゆるテーマを自由に表…

Sizes in use

Most common across the site

64px2 rules
32pxline initial · 4 rules
24pxline initial · 2 rules
20pxline initial · 2 rules
16pxline initial · 12 rules
14pxline initial · 15 rules
12pxline initial · 13 rules
10pxline .1em · 2 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

8px · 10×
4px · 3×
9999px · 2×
.1em · 1×

Shadows

0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000

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

480

640

768

1024

1280

On a scale of 0 to 1440 px.

Content widths (max-width)

1440 px

1280 px

Back to top ↑

Notes

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

Notes

● FineThe title is 19 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 エキサイトブログ use?: エキサイトブログ’s website uses one typeface: Apple Color Emoji (headings and body text), a system font.
What are エキサイトブログ’s brand colours?: The main colours on exblog.jp are Light Royal Blue (#2366D2), Teal (#2B808F), Chocolate (#C94E10), Light Sky Blue (#96D1FA), Dark Slate Grey (#296875) and Deep Royal Blue (#2252AB).
What colour is エキサイトブログ’s text and background?: Body text is #000000 on a #FFFFFF background.
Where is エキサイトブログ’s logo from?: The logo shown in this guide was found on exblog.jp’s homepage. For official logo files and usage rules, check エキサイトブログ’s own brand or press page.
Is this エキサイトブログ’s official style guide?: No. SiteStyleGuide made it from exblog.jp’s public web pages on 2 November 2026, and isn’t affiliated with エキサイトブログ. 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

exblog-jp-tokens.css

Download

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

/* exblog.jp design tokens, from SiteStyleGuide (https://sitestyleguide.com/exblog.jp) */
:root {
  /* Colours */
  --text: #000000;
  --background: #FFFFFF;
  --colour-white: #FFFFFF;
  --colour-warm-off-white: #F6F0E9;
  --colour-cool-off-white: #F0FAFB;
  --colour-off-white: #EEEEEE;
  --colour-light-royal-blue: #2366D2;
  --colour-teal: #2B808F;
  --colour-chocolate: #C94E10;
  --colour-light-sky-blue: #96D1FA;
  --colour-dark-slate-grey: #296875;
  --colour-deep-royal-blue: #2252AB;
  --colour-midnight-blue: #192D52;
  --colour-light-salmon: #F4A076;
  --colour-powder-blue: #B7E7EA;
  --colour-steel-blue: #2B7BE5;
  --gradient-1: linear-gradient(initial);

  /* Typefaces */
  --font-body: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  --font-other: ui-monospace, 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono';

  /* Type scale */
  --text-body: 1rem;
  --leading-body: initial;
  --text-small: 80%;

  /* Shape */
  --radius-1: 8px;
  --radius-2: 4px;
  --radius-3: 9999px;
  --radius-4: .1em;

  /* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
  --breakpoint-1: 480px;
  --breakpoint-2: 640px;
  --breakpoint-3: 768px;
  --breakpoint-4: 1024px;
  --breakpoint-5: 1280px;
  --max-width-1: 1440px;
  --max-width-2: 1280px;
}

{
    "site": "exblog.jp",
    "source": "https://sitestyleguide.com/exblog.jp",
    "text": "#000000",
    "background": "#FFFFFF",
    "colours": [
        {
            "name": "White",
            "hex": "#FFFFFF",
            "rgb": [
                255,
                255,
                255
            ]
        },
        {
            "name": "Warm Off White",
            "hex": "#F6F0E9",
            "rgb": [
                246,
                240,
                233
            ]
        },
        {
            "name": "Cool Off White",
            "hex": "#F0FAFB",
            "rgb": [
                240,
                250,
                251
            ]
        },
        {
            "name": "Off White",
            "hex": "#EEEEEE",
            "rgb": [
                238,
                238,
                238
            ]
        },
        {
            "name": "Light Royal Blue",
            "hex": "#2366D2",
            "rgb": [
                35,
                102,
                210
            ]
        },
        {
            "name": "Teal",
            "hex": "#2B808F",
            "rgb": [
                43,
                128,
                143
            ]
        },
        {
            "name": "Chocolate",
            "hex": "#C94E10",
            "rgb": [
                201,
                78,
                16
            ]
        },
        {
            "name": "Light Sky Blue",
            "hex": "#96D1FA",
            "rgb": [
                150,
                209,
                250
            ]
        },
        {
            "name": "Dark Slate Grey",
            "hex": "#296875",
            "rgb": [
                41,
                104,
                117
            ]
        },
        {
            "name": "Deep Royal Blue",
            "hex": "#2252AB",
            "rgb": [
                34,
                82,
                171
            ]
        },
        {
            "name": "Midnight Blue",
            "hex": "#192D52",
            "rgb": [
                25,
                45,
                82
            ]
        },
        {
            "name": "Light Salmon",
            "hex": "#F4A076",
            "rgb": [
                244,
                160,
                118
            ]
        },
        {
            "name": "Powder Blue",
            "hex": "#B7E7EA",
            "rgb": [
                183,
                231,
                234
            ]
        },
        {
            "name": "Steel Blue",
            "hex": "#2B7BE5",
            "rgb": [
                43,
                123,
                229
            ]
        }
    ],
    "fonts": [
        {
            "name": "Apple Color Emoji",
            "stack": "ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
            "weights": [],
            "source": "System font, or not loaded on this page"
        },
        {
            "name": "SFMono-Regular",
            "stack": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace",
            "weights": [],
            "source": "System font, or not loaded on this page"
        },
        {
            "name": "Georgia",
            "stack": "ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif",
            "weights": [],
            "source": "System font, or not loaded on this page"
        }
    ]
}

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 exblog.jp?

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/exblog.jp" title="エキサイトブログ 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 ↑

エキサイトブログstyle guide

Title &
description

Logo

Favicons

Colour

Balance

Neutrals

White

Warm Off White

Cool Off White

Off White

Colours

Light Royal Blue

Teal

Chocolate

Light Sky Blue

Dark Slate Grey

Deep Royal Blue

Midnight Blue

Light Salmon

Powder Blue

Steel Blue

Gradients

Apple Color Emoji

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

SeatSheet

Node.js

Ubie

FreshBooks

agoda.com

wikiquote.org

cargocollective.com

sfgate.com

エキサイトブログstyle guide

Title &description

Logo

Favicons

Colour

Balance

Neutrals

White

Warm Off White

Cool Off White

Off White

Colours

Light Royal Blue

Teal

Chocolate

Light Sky Blue

Dark Slate Grey

Deep Royal Blue

Midnight Blue

Light Salmon

Powder Blue

Steel Blue

Gradients

Apple Color Emoji

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Share

Run exblog.jp?

Also set in Apple Color Emoji

SeatSheet

Node.js

Ubie

FreshBooks

Similar colours

agoda.com

wikiquote.org

cargocollective.com

sfgate.com

Title &
description