What font does ETtoday新聞雲 use?

ETtoday新聞雲’s website uses two typefaces: Meiryo (headings and body text), a system font; Noto Sans TC, google Fonts.

What are ETtoday新聞雲’s brand colours?

The main colours on ettoday.net are Midnight Blue (#2E266F), Orange Red (#E94C15), Dodger Blue (#218CFF), Gold (#F0C820), Light Chocolate (#ED6D1E) and Light Sky Blue (#51ADDE).

What colour is ETtoday新聞雲’s text and background?

Body text is #333333 on a #F5F5F5 background.

Is this ETtoday新聞雲’s official style guide?

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

Unofficial A style guide made by SiteStyleGuide from ettoday.net’s public web pages. Not affiliated with or endorsed by ETtoday新聞雲. The real site is ettoday.net ↗

Unofficial style guide

ETtoday新聞雲style guide

ETtoday新聞雲’s website (ettoday.net) uses Meiryo for its headings and body text. Its palette is led by Midnight Blue (#2E266F), Orange Red (#E94C15) and Dodger Blue (#218CFF), with #333333 text on #F5F5F5. Captured from the live site on 26 October 2026.

Website: ettoday.net
Typefaces: Meiryo, Arial, Noto Sans TC
Palette: 4 neutrals, 12 colours, 3 gradients
Captured: 26 Oct 2026 · added by @sitestyleguide

Save Add to collection Share Report

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

Screenshot of the ettoday.net 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: ETtoday新聞雲 | Today is my day; ● 28 / 60 characters
Meta description: 《ETtoday新聞雲》由東森集團總裁王令麟所創辦，於2011年11月開站，新聞、影音、節目、直播、社群、個人化服務，及App都深獲網友喜愛，在台灣網路觸及率超過8成，多項評比是新聞網站第一名；在全世界各地華人亦頗受歡迎，全球擁有2000萬粉絲。除了線上數位廣告外，我們也提供線下廣告刊登服務《ETtoday家外媒體》，包含台北捷運廣告刊登(燈箱廣告、壁貼廣告...等)、微風南京建築外牆廣告、建北/建南LED等戶外媒體代理。; ▲ 213 / 160 characters
Site name: ETtoday新聞雲
og:title: ETtoday新聞雲 | Today is my day
og:description: 《ETtoday新聞雲》由東森集團總裁王令麟所創辦，於2011年11月開站，新聞、影音、節目、直播、社群、個人化服務，及App都深獲網友喜愛，在台灣網路觸及率超過8成，多項評比是新聞網站第一名；在全世界各地華人亦頗受歡迎，全球擁有2000萬粉絲。除了線上數位廣告外，我們也提供線下廣告刊登服務《ETtoday家外媒體》，包含台北捷運廣告刊登(燈箱廣告、壁貼廣告...等)、微風南京建築外牆廣告、建北/建南LED等戶外媒體代理。
Language: zh-Hant

In search results

ETtoday新聞雲https://www.ettoday.net/

ETtoday新聞雲 | Today is my day

《ETtoday新聞雲》由東森集團總裁王令麟所創辦，於2011年11月開站，新聞、影音、節目、直播、社群、個人化服務，及App都深獲網友喜愛，在台灣網路觸及率超過8成，多項評比是…

When shared

ettoday.net

ETtoday新聞雲 | Today is my day

《ETtoday新聞雲》由東森集團總裁王令麟所創辦，於2011年11月開站，新聞、影音、節目、直播、社群、個人化服務，及Ap…

Logo & favicons

No logo could be found on the homepage.

Logo

Favicons

5 found

192 px · PNG icon
180 px · PNG apple-touch-icon
49 px · SVG icon
32 px · PNG icon
1 px · GIF favicon.ico

ETtoday新聞雲 | Today is my day

Light browser tab

ETtoday新聞雲 | Today is my day

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 29.2%
Off White 15%
Midnight Blue 11.5%
Orange Red 9.9%
Charcoal 5.9%
Light Grey 5.2%
Dodger Blue 3.8%
Gold 3.6%
Light Chocolate 2.9%
Light Sky Blue 2.7%
Deep Sky Blue 2.2%
Deep Chocolate 1.6%
Golden Rod 1.6%
Blue 1.6%
Royal Blue 1.6%
Crimson 1.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
12.63:1 AAA

On white
—

Text, background, border · body, .tab_1 .tab_title a.current
Off White

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 7

On text
10.79:1 AAA

On white
1.17:1 Fail

Background, text, border · .tab_1 .tab_title a, .topbar
Charcoal

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 80

On text
—

On white
12.63:1 AAA

Text, background · body, .part_pictxt_1 .piece .title h2 em.icon
Light Grey

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 20

On text
7.87:1 AAA

On white
1.61:1 Fail

Background, border, text · .tab_3 .tab_title a::before, .header .menu_box .menu_2 a:nth-of-type(n+2)::before

Colours

Brand colours and accents, most used first

Midnight Blue

HEX

RGB

HSL

OKLCH

CMYK
59 66 0 56

On text
1.02:1 Fail

On white
12.94:1 AAA

Background, text, border · .tab_1 .tab_title a.current, .block_1 .block_title h3 em.icon
Orange Red

HEX

RGB

HSL

OKLCH

CMYK
0 67 91 9

On text
3.31:1 AA large

On white
3.81:1 AA large

Background, text, border · .nav_1_v3 .piece li.style_2 .sub.size_1 > div > h3, .tab_2 .tab_title a.current
Dodger Blue

HEX

RGB

HSL

OKLCH

CMYK
87 45 0 0

On text
3.77:1 AA large

On white
3.35:1 AA large

Text, background, border · .nav_1_v4 .piece li.style_2 .sub.size_1 > div > h3, #et_comments .menu button.current
Gold

HEX

RGB

HSL

OKLCH

CMYK
0 17 87 6

On text
7.81:1 AAA

On white
1.62:1 Fail

Background · .block_title.fixed.add h3 em.icon, .header .nav_1 li.btn_1 > a
Light Chocolate

HEX

RGB

HSL

OKLCH

CMYK
0 54 87 7

On text
4.10:1 AA large

On white
3.09:1 AA large

Text, border, background · .header .nav_1 li .sub.size_2 > div h3, .header .nav_1_v2 li .sub.style_1 > div h3
Light Sky Blue

HEX

RGB

HSL

OKLCH

CMYK
64 22 0 13

On text
5.04:1 AA

On white
2.51:1 Fail

Background, text, border · .part_pictxt_1 .piece .title h2 em.icon.color_3, .part_pictxt_2 .piece .title h2 em.icon.color_3
Deep Sky Blue

HEX

RGB

HSL

OKLCH

CMYK
53 22 0 15

On text
4.95:1 AA

On white
2.55:1 Fail

Background · .part_list_2 h3 em.tag.c_lifestyle, .part_list_7 h3 em.tag.c_lifestyle
Deep Chocolate

HEX

RGB

HSL

OKLCH

CMYK
0 58 91 12

On text
3.46:1 AA large

On white
3.66:1 AA large

Background, text · .part_list_2 h3 em.tag.c_society, .part_list_7 h3 em.tag.c_society
Golden Rod

HEX

RGB

HSL

OKLCH

CMYK
0 31 94 15

On text
4.91:1 AA

On white
2.57:1 Fail

Background · .part_list_2 h3 em.tag.c_finance, .part_list_7 h3 em.tag.c_finance
Blue

HEX

RGB

HSL

OKLCH

CMYK
69 73 0 11

On text
1.83:1 Fail

On white
6.89:1 AA

Background · .part_list_2 h3 em.tag.c_commentary, .part_list_7 h3 em.tag.c_commentary
Royal Blue

HEX

RGB

HSL

OKLCH

CMYK
97 44 0 40

On text
1.68:1 Fail

On white
7.51:1 AAA

Background · .part_list_2 h3 em.tag.c_global, .part_list_7 h3 em.tag.c_global
Crimson

HEX

RGB

HSL

OKLCH

CMYK
0 90 83 14

On text
2.52:1 Fail

On white
5.02:1 AA

Background · .part_list_2 h3 em.tag.c_china, .part_list_7 h3 em.tag.c_china

Gradients

linear-gradient(0deg, rgba(70,70,70,0.8) 0%, rgba(102,102,102,0.8) 40%, rgba(102,102,102,0) 100%)
linear-gradient(0deg, rgba(0,0,0,0.8) 70%, rgba(0,0,0,0) 100%)
linear-gradient(90deg, rgba(220, 220, 220, 1) 0%, rgba(220, 220, 220, 0.8) 60%, transparent 100%)

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.

Meiryo

Aa 400

Meiryo

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

Aa 400 Aa 700

Arial

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

Aa 100 Aa 900

Noto Sans TC

Google Fonts · weights 100, 300, 400, 500, 700, 900

Aa 700

Verdana

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

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

Type scale

From the site’s CSS

Heading 1 15px weight 500

ETtoday新聞雲

Heading 2 18px weight 500

ETtoday新聞雲 | Today is my day

Heading 3 16px weight 500

ETtoday新聞雲 | Today is my day

Heading 4 15px weight 400

ETtoday新聞雲 | Today is my day

Heading 5 100%

ETtoday新聞雲 | Today is my day

Heading 6 100%

ETtoday新聞雲 | Today is my day

Body 13px / 1.5

《ETtoday新聞雲》由東森集團總裁王令麟所創辦，於2011年11月開站，新聞、影音、節目、直播、社群、個人化服務，及App都深獲網友喜愛，在台灣網路觸…

Paragraph 100% weight 400

Small 100%

Button 15px Meiryo

Get started

Link 100%

Sizes in use

Most common across the site

22px7 rules
20pxline 1.5 · 9 rules
18pxline 30px · 24 rules
16pxline 30px · 24 rules
15pxline 30px · 45 rules
14pxline 35px · 12 rules
13pxline 18px · 15 rules
12pxline 15px · 13 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

#et_comments .menu button.current · #3788E6

Corner radius

3px · 22×
10px · 17×
5px · 16×
50% · 7×
2px · 3×
5px 5px 0px 0px · 3×

Shadows

0px 1px 3px 0px rgba(0, 0, 0, 0.1)
unset
0px 0px 3px rgba(0, 0, 0, 0.3)
0 0 5px #ccc

Layout

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

Grid

Breakpoints

600

On a scale of 0 to 1440 px.

Content widths (max-width)

640 px

600 px

Notes

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

Notes

● FineThe title is 28 characters, short enough to show in full in search results.
▲ CheckThe description is 213 characters. Search results usually show about 160.

Questions

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

Questions

What font does ETtoday新聞雲 use?: ETtoday新聞雲’s website uses two typefaces: Meiryo (headings and body text), a system font; Noto Sans TC, google Fonts.
What are ETtoday新聞雲’s brand colours?: The main colours on ettoday.net are Midnight Blue (#2E266F), Orange Red (#E94C15), Dodger Blue (#218CFF), Gold (#F0C820), Light Chocolate (#ED6D1E) and Light Sky Blue (#51ADDE).
What colour is ETtoday新聞雲’s text and background?: Body text is #333333 on a #F5F5F5 background.
Is this ETtoday新聞雲’s official style guide?: No. SiteStyleGuide made it from ettoday.net’s public web pages on 26 October 2026, and isn’t affiliated with ETtoday新聞雲. 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

ettoday-net-tokens.css

Download

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

/* ettoday.net design tokens, from SiteStyleGuide (https://sitestyleguide.com/ettoday.net) */
:root {
  /* Colours */
  --text: #333333;
  --background: #F5F5F5;
  --colour-white: #FFFFFF;
  --colour-off-white: #EDEDED;
  --colour-charcoal: #333333;
  --colour-light-grey: #CCCCCC;
  --colour-midnight-blue: #2E266F;
  --colour-orange-red: #E94C15;
  --colour-dodger-blue: #218CFF;
  --colour-gold: #F0C820;
  --colour-light-chocolate: #ED6D1E;
  --colour-light-sky-blue: #51ADDE;
  --colour-deep-sky-blue: #66A9D8;
  --colour-deep-chocolate: #E05D14;
  --colour-golden-rod: #D8940E;
  --colour-blue: #463EE2;
  --colour-royal-blue: #055699;
  --colour-crimson: #DC1626;
  --gradient-1: linear-gradient(0deg, rgba(70,70,70,0.8) 0%, rgba(102,102,102,0.8) 40%, rgba(102,102,102,0) 100%);
  --gradient-2: linear-gradient(0deg, rgba(0,0,0,0.8) 70%, rgba(0,0,0,0) 100%);
  --gradient-3: linear-gradient(90deg, rgba(220, 220, 220, 1) 0%, rgba(220, 220, 220, 0.8) 60%, transparent 100%);

  /* Typefaces */
  --font-buttons: 'Meiryo', 'Meiryo UI', 'Microsoft JhengHei UI', 'Microsoft JhengHei', sans-serif;
  --font-other: 'Arial';

  /* Type scale */
  --text-h1: 15px;
  --text-h2: 18px;
  --text-h3: 16px;
  --text-h4: 15px;
  --text-h5: 100%;
  --text-h6: 100%;
  --text-body: 13px;
  --leading-body: 1.5;
  --text-p: 100%;
  --text-small: 100%;
  --text-button: 15px;
  --text-a: 100%;

  /* Shape */
  --radius-1: 3px;
  --radius-2: 10px;
  --radius-3: 5px;
  --radius-4: 50%;
  --radius-5: 2px;
  --radius-6: 5px 5px 0px 0px;

  /* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
  --breakpoint-1: 600px;
  --max-width-1: 640px;
  --max-width-2: 600px;
}

{
    "site": "ettoday.net",
    "source": "https://sitestyleguide.com/ettoday.net",
    "text": "#333333",
    "background": "#F5F5F5",
    "colours": [
        {
            "name": "White",
            "hex": "#FFFFFF",
            "rgb": [
                255,
                255,
                255
            ]
        },
        {
            "name": "Off White",
            "hex": "#EDEDED",
            "rgb": [
                237,
                237,
                237
            ]
        },
        {
            "name": "Charcoal",
            "hex": "#333333",
            "rgb": [
                51,
                51,
                51
            ]
        },
        {
            "name": "Light Grey",
            "hex": "#CCCCCC",
            "rgb": [
                204,
                204,
                204
            ]
        },
        {
            "name": "Midnight Blue",
            "hex": "#2E266F",
            "rgb": [
                46,
                38,
                111
            ]
        },
        {
            "name": "Orange Red",
            "hex": "#E94C15",
            "rgb": [
                233,
                76,
                21
            ]
        },
        {
            "name": "Dodger Blue",
            "hex": "#218CFF",
            "rgb": [
                33,
                140,
                255
            ]
        },
        {
            "name": "Gold",
            "hex": "#F0C820",
            "rgb": [
                240,
                200,
                32
            ]
        },
        {
            "name": "Light Chocolate",
            "hex": "#ED6D1E",
            "rgb": [
                237,
                109,
                30
            ]
        },
        {
            "name": "Light Sky Blue",
            "hex": "#51ADDE",
            "rgb": [
                81,
                173,
                222
            ]
        },
        {
            "name": "Deep Sky Blue",
            "hex": "#66A9D8",
            "rgb": [
                102,
                169,
                216
            ]
        },
        {
            "name": "Deep Chocolate",
            "hex": "#E05D14",
            "rgb": [
                224,
                93,
                20
            ]
        },
        {
            "name": "Golden Rod",
            "hex": "#D8940E",
            "rgb": [
                216,
                148,
                14
            ]
        },
        {
            "name": "Blue",
            "hex": "#463EE2",
            "rgb": [
                70,
                62,
                226
            ]
        },
        {
            "name": "Royal Blue",
            "hex": "#055699",
            "rgb": [
                5,
                86,
                153
            ]
        },
        {
            "name": "Crimson",
            "hex": "#DC1626",
            "rgb": [
                220,
                22,
                38
            ]
        }
    ],
    "fonts": [
        {
            "name": "Meiryo",
            "stack": "Meiryo, \"Meiryo UI\", \"Microsoft JhengHei UI\", \"Microsoft JhengHei\", sans-serif",
            "weights": [],
            "source": "System font, or not loaded on this page"
        },
        {
            "name": "Arial",
            "stack": "\"Arial\"",
            "weights": [
                400,
                700
            ],
            "source": "System font, or not loaded on this page"
        },
        {
            "name": "Noto Sans TC",
            "stack": "\"Noto Sans TC\", \"Microsoft JhengHei UI\", \"Microsoft JhengHei\", sans-serif",
            "weights": [
                100,
                300,
                400,
                500,
                700,
                900
            ],
            "source": "Google Fonts"
        },
        {
            "name": "Verdana",
            "stack": "Verdana, Tahoma, \"DejaVu Sans\", sans-serif",
            "weights": [
                700
            ],
            "source": "System font, or not loaded on this page"
        }
    ]
}

Other websites using Meiryo as their main typeface

I

ITmedia

itmedia.co.jp · set in Meiryo
Save
楽天市場

rakuten.co.jp · set in Meiryo
Save

Websites whose lead colour is closest to ETtoday新聞雲’s

Accessify

accessify.com · 4 days ago
Save
dw.com

dw.com · 4 days ago
Save
ABC

abc.com · 2 days ago
Save
Node.js

nodejs.org · 3 days ago
Save

Captured from ettoday.net on 26 October 2026. SiteStyleGuide isn’t affiliated with or endorsed by ETtoday新聞雲; this guide describes the public website for reference.

ETtoday新聞雲style guide

Title &description

Logo

Favicons

Colour

Balance

Neutrals

White

Off White

Charcoal

Light Grey

Colours

Midnight Blue

Orange Red

Dodger Blue

Gold

Light Chocolate

Light Sky Blue

Deep Sky Blue

Deep Chocolate

Golden Rod

Blue

Royal Blue

Crimson

Gradients

Meiryo

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Share

Run ettoday.net?

Also set in Meiryo

ITmedia

楽天市場

Similar colours

Accessify

dw.com

ABC

Node.js

Title &
description