What font does LIFE 生活網 use?

LIFE 生活網’s website uses one typeface: Noto Sans TC (headings and body text), a system font.

What are LIFE 生活網’s brand colours?

The main colours on life.com.tw are Black (#1A1A2E), Light Midnight Blue (#00326E), Deep Gold (#FFC107), Light Slate Grey (#8E8EA0), Dim Grey (#555770) and Red (#E53935).

What colour is LIFE 生活網’s text and background?

Body text is #1A1A2E on a #FFFFFF background.

Where is LIFE 生活網’s logo from?

The logo shown in this guide was found on life.com.tw’s homepage. For official logo files and usage rules, check LIFE 生活網’s own brand or press page.

Is this LIFE 生活網’s official style guide?

No. SiteStyleGuide made it from life.com.tw’s public web pages on 21 October 2026, and isn’t affiliated with LIFE 生活網. Members can refresh a guide after 90 days to pick up changes.

Unofficial A style guide made by SiteStyleGuide from life.com.tw’s public web pages. Not affiliated with or endorsed by LIFE 生活網. The real site is life.com.tw ↗

Unofficial style guide

LIFE 生活網style guide

LIFE 生活網’s website (life.com.tw) uses Noto Sans TC for its headings and body text. Its palette is led by Black (#1A1A2E), Light Midnight Blue (#00326E) and Deep Gold (#FFC107), with #1A1A2E text on #FFFFFF. Captured from the live site on 21 October 2026.

Website: life.com.tw
Typefaces: Noto Sans TC
Palette: 4 neutrals, 12 colours, 3 gradients
Captured: 21 Oct 2026 · added by @sitestyleguide

Save Add to collection Share Report

Screenshot of the life.com.tw homepage on a desktop screen — Screenshot of life.com.tw on a 1440 px desktop screen, 21 Oct 2026.

Screenshot of the life.com.tw 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: LIFE 生活網 — 每日新聞、生活、健康、財經最新報導; ● 28 / 60 characters
Meta description: LIFE 生活網提供即時新聞、生活資訊、健康知識、財經動態、娛樂消費等多元內容，陪你掌握每一天的生活大小事。; ● 54 / 160 characters
Site name: LIFE 生活網
og:title: LIFE 生活網 — 每日新聞、生活、健康、財經最新報導
og:description: LIFE 生活網提供即時新聞、生活資訊、健康知識、財經動態、娛樂消費等多元內容，陪你掌握每一天的生活大小事。
Language: zh-Hant
Theme colour: #00326e

In search results

LIFE 生活網https://life.tw/

LIFE 生活網 — 每日新聞、生活、健康、財經最新報導

LIFE 生活網提供即時新聞、生活資訊、健康知識、財經動態、娛樂消費等多元內容，陪你掌握每一天的生活大小事。

When shared

life.com.tw

LIFE 生活網 — 每日新聞、生活、健康、財經最新報導

LIFE 生活網提供即時新聞、生活資訊、健康知識、財經動態、娛樂消費等多元內容，陪你掌握每一天的生活大小事。

Logo & favicons

Found as: schema.org logo. PNG, 765 × 295.

Logo

On white

On black

On Black

Favicons

1 found

128 px · PNG icon

LIFE 生活網 — 每日新聞、生活、健康、財經最新報導

Light browser tab

LIFE 生活網 — 每日新聞、生活、健康、財經最新報導

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

Colour

Balance

How much each colour is used

White 28.5%
Black 15.4%
Light Midnight Blue 15.1%
Deep Gold 9.8%
Light Slate Grey 6.9%
Dim Grey 6.5%
Cool Off White 5.8%
Red 3.3%
Royal Blue 2.5%
Corn Silk 2.1%
Deep Black 1.2%
Light Black 0.9%
Light Gold 0.7%
Deep Midnight Blue 0.7%
Black 0.4%
Charcoal 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
17.06:1 AAA

On white
—

Background, text, graphic · body, .topbar
Cool Off White

HEX

RGB

HSL

OKLCH

CMYK
3 2 0 7

On text
13.76:1 AAA

On white
1.24:1 Fail

Border, background, graphic · [data-theme="night"] .hd .bar-row .br-track, .topbar
Black

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 100

On text
1.23:1 Fail

On white
21.00:1 AAA

Background · [data-theme="night"] .hero-main .hero-overlay
Charcoal

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 73

On text
1.75:1 Fail

On white
9.74:1 AAA

Background, text · [data-theme="night"] .hd .ss a.ss-home, [data-theme="night"] .luck-star-empty

Colours

Brand colours and accents, most used first

Black

HEX

RGB

HSL

OKLCH

CMYK
43 43 0 82

On text
—

On white
17.06:1 AAA

Text, background · body, .section-title
Light Midnight Blue

HEX

RGB

HSL

OKLCH

CMYK
100 55 0 57

On text
1.37:1 Fail

On white
12.49:1 AAA

Text, background, border · .site-header, .error-page .error-search button
Deep Gold

HEX

RGB

HSL

OKLCH

CMYK
0 24 97 0

On text
10.46:1 AAA

On white
1.63:1 Fail

Background, text, border · .section-title::before, .sidebar-widget h3::before
Light Slate Grey

HEX

RGB

HSL

OKLCH

CMYK
11 11 0 37

On text
5.30:1 AA

On white
3.22:1 AA large

Text · .article-body h2 .anchor-link, .pagenode-subtitle
Dim Grey

HEX

RGB

HSL

OKLCH

CMYK
24 22 0 56

On text
2.42:1 Fail

On white
7.04:1 AAA

Text · [data-theme="night"] .local-section-label, .drawer-footer a
Red

HEX

RGB

HSL

OKLCH

CMYK
0 75 77 10

On text
4.04:1 AA large

On white
4.23:1 AA large

Background, text, border · .hero-main .hero-cat, .hero-sub-card .hero-cat
Royal Blue

HEX

RGB

HSL

OKLCH

CMYK
100 53 0 30

On text
2.40:1 Fail

On white
7.12:1 AAA

Text, background, border · .pagenode-color-blue .pagenode-title, [data-theme="dark"] .pagenode-color-blue .pagenode-title
Corn Silk

HEX

RGB

HSL

OKLCH

CMYK
0 3 12 0

On text
16.06:1 AAA

On white
1.06:1 Fail

Background · .feed-body .feed-cat, .article-body blockquote
Deep Black

HEX

RGB

HSL

OKLCH

CMYK
62 51 0 85

On text
1.09:1 Fail

On white
18.55:1 AAA

Background, text · [data-theme="night"] .site-header, [data-theme="night"] .topbar
Light Black

HEX

RGB

HSL

OKLCH

CMYK
39 34 0 78

On text
1.13:1 Fail

On white
15.11:1 AAA

Border · --border-light, --bg-section
Light Gold

HEX

RGB

HSL

OKLCH

CMYK
0 16 69 0

On text
12.09:1 AAA

On white
1.41:1 Fail

Background · --accent, .newsletter-form button:hover
Deep Midnight Blue

HEX

RGB

HSL

OKLCH

CMYK
100 56 0 74

On text
1.02:1 Fail

On white
16.74:1 AAA

Background · .newsletter, .entity-hero.is-author

Gradients

linear-gradient(135deg, #00326e 0%, #001d42 100%)
linear-gradient(transparent 0%, rgba(0,0,0,0.4) 30%, rgba(0,0,0,0.9) 100%)
linear-gradient(transparent 0%, rgba(0,0,0,0.35) 30%, rgba(0,0,0,0.85) 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.

Noto Sans TC

Aa 400

Noto Sans TC

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

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

Type scale

From the site’s CSS

Heading 1 1.75rem · 28 px weight 700

LIFE 生活網

Heading 2 1.3rem · 21 px / 1.4 weight 800

LIFE 生活網 — 每日新聞、生活、健康、財經最新報導

Heading 3 0.95rem · 15 px / 1.5 weight 600

LIFE 生活網 — 每日新聞、生活、健康、財經最新報導

Heading 4 0.9rem · 14 px / 1.5 weight 700

LIFE 生活網 — 每日新聞、生活、健康、財經最新報導

Body — / 1.7 Noto Sans TC

LIFE 生活網提供即時新聞、生活資訊、健康知識、財經動態、娛樂消費等多元內容，陪你掌握每一天的生活大小事。

Paragraph 0.92rem · 15 px / 1.7

LIFE 生活網提供即時新聞、生活資訊、健康知識、財經動態、娛樂消費等多元內容，陪你掌握每一天的生活大小事。

Small 0.65rem · 10 px weight 600

LIFE 生活網提供即時新聞、生活資訊、健康知識、財經動態、娛樂消費等多元內容，陪你掌握每一天的生活大小事。

Button 0.9rem · 14 px weight 600

Get started

Link 0.88rem · 14 px weight 500

Sizes in use

Most common across the site

18pxline 1.5 · 13 rules
17pxline 1.5 · 9 rules
16pxline 1.5 · 19 rules
15pxline 1.5 · 24 rules
14pxline 1.6 · 48 rules
13pxline 1.4 · 28 rules
12pxline 1.8 · 31 rules
11px7 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

.newsletter-form button · #FFC107 · radius 10px

Corner radius

10px · 29×
6px · 20×
50% · 12×
16px · 10×
4px · 9×
999px · 8×

Shadows

0 4px 16px rgba(0,0,0,0.08)
0 2px 8px rgba(0,0,0,0.06)
0 1px 2px rgba(0,0,0,0.04)
0 2px 12px rgba(0,0,0,0.2)

Layout

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

Grid

Breakpoints

480

600

767

768

1024

1280

On a scale of 0 to 1440 px.

Content widths (max-width)

560 px

520 px

480 px

420 px

320 px

300 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.

Questions

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

Questions

What font does LIFE 生活網 use?: LIFE 生活網’s website uses one typeface: Noto Sans TC (headings and body text), a system font.
What are LIFE 生活網’s brand colours?: The main colours on life.com.tw are Black (#1A1A2E), Light Midnight Blue (#00326E), Deep Gold (#FFC107), Light Slate Grey (#8E8EA0), Dim Grey (#555770) and Red (#E53935).
What colour is LIFE 生活網’s text and background?: Body text is #1A1A2E on a #FFFFFF background.
Where is LIFE 生活網’s logo from?: The logo shown in this guide was found on life.com.tw’s homepage. For official logo files and usage rules, check LIFE 生活網’s own brand or press page.
Is this LIFE 生活網’s official style guide?: No. SiteStyleGuide made it from life.com.tw’s public web pages on 21 October 2026, and isn’t affiliated with LIFE 生活網. 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

life-com-tw-tokens.css

Download

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

/* life.com.tw design tokens, from SiteStyleGuide (https://sitestyleguide.com/life.com.tw) */
:root {
  /* Colours */
  --text: #1A1A2E;
  --background: #FFFFFF;
  --colour-white: #FFFFFF;
  --colour-cool-off-white: #E4E7EC;
  --colour-black: #000000;
  --colour-charcoal: #444444;
  --colour-black-2: #1A1A2E;
  --colour-light-midnight-blue: #00326E;
  --colour-deep-gold: #FFC107;
  --colour-light-slate-grey: #8E8EA0;
  --colour-dim-grey: #555770;
  --colour-red: #E53935;
  --colour-royal-blue: #0055B3;
  --colour-corn-silk: #FFF8E1;
  --colour-deep-black: #0E1225;
  --colour-light-black: #222538;
  --colour-light-gold: #FFD54F;
  --colour-deep-midnight-blue: #001D42;
  --gradient-1: linear-gradient(135deg, #00326e 0%, #001d42 100%);
  --gradient-2: linear-gradient(transparent 0%, rgba(0,0,0,0.4) 30%, rgba(0,0,0,0.9) 100%);
  --gradient-3: linear-gradient(transparent 0%, rgba(0,0,0,0.35) 30%, rgba(0,0,0,0.85) 100%);

  /* Typefaces */
  --font-body: -apple-system, blinkmacsystemfont, 'Noto Sans TC', 'PingFang TC', 'Microsoft JhengHei', 'Segoe UI';

  /* Type scale */
  --text-h1: 1.75rem;
  --text-h2: 1.3rem;
  --leading-h2: 1.4;
  --text-h3: 0.95rem;
  --leading-h3: 1.5;
  --text-h4: 0.9rem;
  --leading-h4: 1.5;
  --text-p: 0.92rem;
  --leading-p: 1.7;
  --text-small: 0.65rem;
  --text-button: 0.9rem;
  --text-a: 0.88rem;

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

  /* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
  --breakpoint-1: 480px;
  --breakpoint-2: 600px;
  --breakpoint-3: 767px;
  --breakpoint-4: 768px;
  --breakpoint-5: 1024px;
  --breakpoint-6: 1280px;
  --max-width-1: 560px;
  --max-width-2: 520px;
  --max-width-3: 480px;
  --max-width-4: 420px;
  --max-width-5: 320px;
  --max-width-6: 300px;
}

{
    "site": "life.com.tw",
    "source": "https://sitestyleguide.com/life.com.tw",
    "text": "#1A1A2E",
    "background": "#FFFFFF",
    "colours": [
        {
            "name": "White",
            "hex": "#FFFFFF",
            "rgb": [
                255,
                255,
                255
            ]
        },
        {
            "name": "Cool Off White",
            "hex": "#E4E7EC",
            "rgb": [
                228,
                231,
                236
            ]
        },
        {
            "name": "Black",
            "hex": "#000000",
            "rgb": [
                0,
                0,
                0
            ]
        },
        {
            "name": "Charcoal",
            "hex": "#444444",
            "rgb": [
                68,
                68,
                68
            ]
        },
        {
            "name": "Black",
            "hex": "#1A1A2E",
            "rgb": [
                26,
                26,
                46
            ]
        },
        {
            "name": "Light Midnight Blue",
            "hex": "#00326E",
            "rgb": [
                0,
                50,
                110
            ]
        },
        {
            "name": "Deep Gold",
            "hex": "#FFC107",
            "rgb": [
                255,
                193,
                7
            ]
        },
        {
            "name": "Light Slate Grey",
            "hex": "#8E8EA0",
            "rgb": [
                142,
                142,
                160
            ]
        },
        {
            "name": "Dim Grey",
            "hex": "#555770",
            "rgb": [
                85,
                87,
                112
            ]
        },
        {
            "name": "Red",
            "hex": "#E53935",
            "rgb": [
                229,
                57,
                53
            ]
        },
        {
            "name": "Royal Blue",
            "hex": "#0055B3",
            "rgb": [
                0,
                85,
                179
            ]
        },
        {
            "name": "Corn Silk",
            "hex": "#FFF8E1",
            "rgb": [
                255,
                248,
                225
            ]
        },
        {
            "name": "Deep Black",
            "hex": "#0E1225",
            "rgb": [
                14,
                18,
                37
            ]
        },
        {
            "name": "Light Black",
            "hex": "#222538",
            "rgb": [
                34,
                37,
                56
            ]
        },
        {
            "name": "Light Gold",
            "hex": "#FFD54F",
            "rgb": [
                255,
                213,
                79
            ]
        },
        {
            "name": "Deep Midnight Blue",
            "hex": "#001D42",
            "rgb": [
                0,
                29,
                66
            ]
        }
    ],
    "fonts": [
        {
            "name": "Noto Sans TC",
            "stack": "-apple-system, BlinkMacSystemFont, \"Noto Sans TC\", \"PingFang TC\", \"Microsoft JhengHei\", \"Segoe UI\", system-ui, sans-serif",
            "weights": [],
            "source": "System font, or not loaded on this page"
        }
    ]
}

Other websites using Noto Sans TC as their main typeface

TEEPR 亮新聞

teepr.com · set in Noto Sans TC
Save
聯合新聞網

udn.com · set in Noto Sans TC
Save

Websites whose lead colour is closest to LIFE 生活網’s

Outbrain

outbrain.com · 3 days ago
Save
expedia

expedia.co.uk · 4 days ago
Save
vrbo

vrbo.com · 4 days ago
Save
Twilio

segment.com · 6 days ago
Save

Captured from life.com.tw on 21 October 2026. SiteStyleGuide isn’t affiliated with or endorsed by LIFE 生活網; this guide describes the public website for reference.

LIFE 生活網style guide

Title &description

Logo

Favicons

Colour

Balance

Neutrals

White

Cool Off White

Black

Charcoal

Colours

Black

Light Midnight Blue

Deep Gold

Light Slate Grey

Dim Grey

Red

Royal Blue

Corn Silk

Deep Black

Light Black

Light Gold

Deep Midnight Blue

Gradients

Noto Sans TC

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Share

Run life.com.tw?

Also set in Noto Sans TC

TEEPR 亮新聞

聯合新聞網

Similar colours

Outbrain

expedia

vrbo

Twilio

Title &
description