What font does mama.cn use?

mama.cn’s website uses one typeface: Microsoft YaHei (headings and body text), a system font.

What are mama.cn’s brand colours?

The main colours on mama.cn are Cornflower Blue (#9C9DFF), Light Violet Red (#FF7398), Light Lime Green (#6ABF4B), Medium Aqua Marine (#70CAB7), Deep Violet Red (#FA4D7C) and Dark Orange (#FF8400).

What colour is mama.cn’s text and background?

Body text is #000000 on a #FFFFFF background.

Where is mama.cn’s logo from?

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

Is this mama.cn’s official style guide?

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

Unofficial A style guide made by SiteStyleGuide from mama.cn’s public web pages. Not affiliated with or endorsed by mama.cn. The real site is mama.cn ↗

Unofficial style guide

mama.cnstyle guide

mama.cn’s website (mama.cn) uses Microsoft YaHei for its headings and body text. Its palette is led by Cornflower Blue (#9C9DFF), Light Violet Red (#FF7398) and Light Lime Green (#6ABF4B), with #000000 text on #FFFFFF. Captured from the live site on 29 October 2026.

Website: mama.cn
Typefaces: Microsoft YaHei, Arial, Simsun
Palette: 4 neutrals, 12 colours
Captured: 29 Oct 2026 · added by @sitestyleguide

Save Add to collection Share Report

Screenshot of the mama.cn homepage on a desktop screen — Screenshot of mama.cn on a 1440 px desktop screen, 29 Oct 2026.

Screenshot of the mama.cn 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: 妈妈网; ● 3 / 60 characters
Meta description: 妈妈网; ▲ 3 / 160 characters

In search results

mama.cnhttps://www.mama.cn/

妈妈网

When shared

No og:image, so no picture

mama.cn

妈妈网

Logo & favicons

Found as: CSS background on .logo. PNG, 560 × 82.

Logo

On white

On black

On Cornflower Blue

Favicons

0 found

The site doesn’t seem to have a favicon.

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 40.2%
Black 10.6%
Dark Grey 10.1%
Cornflower Blue 6.8%
Off White 6.4%
Light Violet Red 4.5%
Light Lime Green 3.6%
Medium Aqua Marine 3.6%
Deep Violet Red 3.2%
Dark Orange 2.8%
Light Coral 1.8%
Forest Green 1.5%
Medium Slate Blue 1.5%
Light Sea Green 1.3%
Deep Lime Green 1.3%
Saddle Brown 0.8%

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
—

Background, text, border · body, h2 a
Black

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 100

On text
—

On white
21.00:1 AAA

Text, background · #slideBar .title, .idxFocus .hot .news h3 a
Dark Grey

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 60

On text
3.66:1 AA large

On white
5.74:1 AA

Text · .footer .maps .section1 h4, .footer .friend-links .title
Off White

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 7

On text
18.10:1 AAA

On white
1.16:1 Fail

Border, background · .idxFocus .hot .title, .layout .side h3

Colours

Brand colours and accents, most used first

Cornflower Blue

HEX

RGB

HSL

OKLCH

CMYK
39 38 0 0

On text
8.68:1 AAA

On white
2.42:1 Fail

Text, background, border · .fashion .right h3 span, .topic-hot-24__title
Light Violet Red

HEX

RGB

HSL

OKLCH

CMYK
0 55 40 0

On text
8.16:1 AAA

On white
2.57:1 Fail

Text, background · #guide .btnOk, .idxFocus .hot .news h3 a:hover
Light Lime Green

HEX

RGB

HSL

OKLCH

CMYK
45 0 61 25

On text
9.17:1 AAA

On white
2.29:1 Fail

Text, background, border · nav, #tlq .date .title
Medium Aqua Marine

HEX

RGB

HSL

OKLCH

CMYK
45 0 9 21

On text
10.82:1 AAA

On white
1.94:1 Fail

Text, border, background · .idxTwo .side2 h2 span, .idxTwo .main h3 span strong
Deep Violet Red

HEX

RGB

HSL

OKLCH

CMYK
0 69 50 2

On text
6.42:1 AA

On white
3.27:1 AA large

Background · .atRegGuide .btnOk, #guideOnly .btnOk
Dark Orange

HEX

RGB

HSL

OKLCH

CMYK
0 48 100 0

On text
8.55:1 AAA

On white
2.46:1 Fail

Text, background · .idxFour .side h3 strong, .layout .side h3.top span a:hover
Light Coral

HEX

RGB

HSL

OKLCH

CMYK
0 64 53 1

On text
6.94:1 AA

On white
3.02:1 AA large

Text, background, border · .layout .side h3 strong, .pagination span.current
Forest Green

HEX

RGB

HSL

OKLCH

CMYK
59 0 80 39

On text
5.93:1 AA

On white
3.54:1 AA large

Background · #nav .menu li.home a, #nav .menu li a.now
Medium Slate Blue

HEX

RGB

HSL

OKLCH

CMYK
55 54 0 8

On text
4.92:1 AA

On white
4.27:1 AA large

Text · .side .lama h3 strong, .lazx h3 strong
Light Sea Green

HEX

RGB

HSL

OKLCH

CMYK
81 0 4 30

On text
8.01:1 AAA

On white
2.62:1 Fail

Text, border · .idxKnowledge .baike-content h2, .idxKnowledgeTi li a s
Deep Lime Green

HEX

RGB

HSL

OKLCH

CMYK
44 0 83 29

On text
8.10:1 AAA

On white
2.59:1 Fail

Text, border · .layout .side h3.app strong, .layout .side h3.app
Saddle Brown

HEX

RGB

HSL

OKLCH

CMYK
0 26 64 60

On text
2.59:1 Fail

On white
8.12:1 AAA

Text, background, border · .ui-state-hover, .ui-state-default

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.

Microsoft YaHei

Aa 400

Microsoft YaHei

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

Aa 400

Arial

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

Aa 400

Simsun

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

Aa 400

verdana

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

Heading 2 18px / 30px weight 400

妈妈网

Heading 3 14px / 56px weight 400 · arial

妈妈网

Heading 4 14px / 32px weight 700

妈妈网

Heading 6 16px / 40px weight 400

妈妈网

Body 12px / 18px Microsoft YaHei

妈妈网

Paragraph 12px / 22px simsun

妈妈网

Button 1em · 16 px Trebuchet MS

Get started

Link 14px / 42px weight 400 · Arial

Sizes in use

Most common across the site

22pxline 40px · 1 rules
20pxline 36px · 4 rules
18pxline 48px · 18 rules
16pxline 30px · 27 rules
14pxline 24px · 65 rules
13px1 rules
12pxline 24px · 13 rules
11pxline 24px · 2 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

#guide .btnOk · #FF7398 · radius 5px

Link

Read our latest news today.

a · #333333

Corner radius

50% · 7×
10px · 6×
4px · 3×
5px · 3×
3px · 2×
15px · 2×

Shadows

0px 7px 18px rgba(0,0,0,0.1)
0 0 4px #e3e3e3

Layout

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

Grid

No breakpoints or content widths could be read.

Notes

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

Notes

● FineThe title is 3 characters, short enough to show in full in search results.
▲ CheckThe description is only 3 characters. There is room to say more.
▲ CheckThere is no og:image, so links shared on social media show no picture.
▲ CheckThe page doesn’t declare its language (the lang attribute on <html>).
▲ CheckNo favicon could be found.

Questions

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

Questions

What font does mama.cn use?: mama.cn’s website uses one typeface: Microsoft YaHei (headings and body text), a system font.
What are mama.cn’s brand colours?: The main colours on mama.cn are Cornflower Blue (#9C9DFF), Light Violet Red (#FF7398), Light Lime Green (#6ABF4B), Medium Aqua Marine (#70CAB7), Deep Violet Red (#FA4D7C) and Dark Orange (#FF8400).
What colour is mama.cn’s text and background?: Body text is #000000 on a #FFFFFF background.
Where is mama.cn’s logo from?: The logo shown in this guide was found on mama.cn’s homepage. For official logo files and usage rules, check mama.cn’s own brand or press page.
Is this mama.cn’s official style guide?: No. SiteStyleGuide made it from mama.cn’s public web pages on 29 October 2026, and isn’t affiliated with mama.cn. 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

mama-cn-tokens.css

Download

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

/* mama.cn design tokens, from SiteStyleGuide (https://sitestyleguide.com/mama.cn) */
:root {
  /* Colours */
  --text: #000000;
  --background: #FFFFFF;
  --colour-white: #FFFFFF;
  --colour-black: #000000;
  --colour-dark-grey: #666666;
  --colour-off-white: #EEEEEE;
  --colour-cornflower-blue: #9C9DFF;
  --colour-light-violet-red: #FF7398;
  --colour-light-lime-green: #6ABF4B;
  --colour-medium-aqua-marine: #70CAB7;
  --colour-deep-violet-red: #FA4D7C;
  --colour-dark-orange: #FF8400;
  --colour-light-coral: #FD5B78;
  --colour-forest-green: #409B1F;
  --colour-medium-slate-blue: #6A6BEB;
  --colour-light-sea-green: #21B2AA;
  --colour-deep-lime-green: #65B41F;
  --colour-saddle-brown: #654B24;

  /* Typefaces */
  --font-body: 'Microsoft YaHei';
  --font-headings: 'Microsoft YaHei';
  --font-other: 'verdana';
  --font-buttons: 'Trebuchet MS', 'Tahoma', 'Verdana', 'Arial', sans-serif;

  /* Type scale */
  --text-h2: 18px;
  --leading-h2: 30px;
  --text-h3: 14px;
  --leading-h3: 56px;
  --text-h4: 14px;
  --leading-h4: 32px;
  --text-h6: 16px;
  --leading-h6: 40px;
  --text-body: 12px;
  --leading-body: 18px;
  --text-p: 12px;
  --leading-p: 22px;
  --text-button: 1em;
  --text-a: 14px;
  --leading-a: 42px;

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

{
    "site": "mama.cn",
    "source": "https://sitestyleguide.com/mama.cn",
    "text": "#000000",
    "background": "#FFFFFF",
    "colours": [
        {
            "name": "White",
            "hex": "#FFFFFF",
            "rgb": [
                255,
                255,
                255
            ]
        },
        {
            "name": "Black",
            "hex": "#000000",
            "rgb": [
                0,
                0,
                0
            ]
        },
        {
            "name": "Dark Grey",
            "hex": "#666666",
            "rgb": [
                102,
                102,
                102
            ]
        },
        {
            "name": "Off White",
            "hex": "#EEEEEE",
            "rgb": [
                238,
                238,
                238
            ]
        },
        {
            "name": "Cornflower Blue",
            "hex": "#9C9DFF",
            "rgb": [
                156,
                157,
                255
            ]
        },
        {
            "name": "Light Violet Red",
            "hex": "#FF7398",
            "rgb": [
                255,
                115,
                152
            ]
        },
        {
            "name": "Light Lime Green",
            "hex": "#6ABF4B",
            "rgb": [
                106,
                191,
                75
            ]
        },
        {
            "name": "Medium Aqua Marine",
            "hex": "#70CAB7",
            "rgb": [
                112,
                202,
                183
            ]
        },
        {
            "name": "Deep Violet Red",
            "hex": "#FA4D7C",
            "rgb": [
                250,
                77,
                124
            ]
        },
        {
            "name": "Dark Orange",
            "hex": "#FF8400",
            "rgb": [
                255,
                132,
                0
            ]
        },
        {
            "name": "Light Coral",
            "hex": "#FD5B78",
            "rgb": [
                253,
                91,
                120
            ]
        },
        {
            "name": "Forest Green",
            "hex": "#409B1F",
            "rgb": [
                64,
                155,
                31
            ]
        },
        {
            "name": "Medium Slate Blue",
            "hex": "#6A6BEB",
            "rgb": [
                106,
                107,
                235
            ]
        },
        {
            "name": "Light Sea Green",
            "hex": "#21B2AA",
            "rgb": [
                33,
                178,
                170
            ]
        },
        {
            "name": "Deep Lime Green",
            "hex": "#65B41F",
            "rgb": [
                101,
                180,
                31
            ]
        },
        {
            "name": "Saddle Brown",
            "hex": "#654B24",
            "rgb": [
                101,
                75,
                36
            ]
        }
    ],
    "fonts": [
        {
            "name": "Microsoft YaHei",
            "stack": "\"Microsoft YaHei\"",
            "weights": [
                400
            ],
            "source": "System font, or not loaded on this page"
        },
        {
            "name": "Arial",
            "stack": "Arial",
            "weights": [
                400
            ],
            "source": "System font, or not loaded on this page"
        },
        {
            "name": "Simsun",
            "stack": "\"Simsun\", \"Microsoft YaHei\", \"SimHei\", \"Lucida Grande\", \"Lucida Sans Unicode\", Helvetica, Arial, Verdana, sans-serif",
            "weights": [],
            "source": "System font, or not loaded on this page"
        },
        {
            "name": "verdana",
            "stack": "verdana",
            "weights": [],
            "source": "System font, or not loaded on this page"
        },
        {
            "name": "Trebuchet MS",
            "stack": "Trebuchet MS, Tahoma, Verdana, Arial, sans-serif",
            "weights": [],
            "source": "System font, or not loaded on this page"
        }
    ]
}

Other websites using Microsoft YaHei as their main typeface

cnnic.cn

cnnic.cn · set in Microsoft YaHei
Save
youth.cn

youth.cn · set in Microsoft YaHei
Save

Websites whose lead colour is closest to mama.cn’s

Spotify for Creators

anchor.fm · 3 days ago
Save
xkcd

xkcd.com · 4 days ago
Save
PBS

pbs.org · 5 days ago
Save
JetBrains

jetbrains.com · 5 days ago
Save

Captured from mama.cn on 29 October 2026. SiteStyleGuide isn’t affiliated with or endorsed by mama.cn; this guide describes the public website for reference.

mama.cnstyle guide

Title &description

Logo

Favicons

Colour

Balance

Neutrals

White

Black

Dark Grey

Off White

Colours

Cornflower Blue

Light Violet Red

Light Lime Green

Medium Aqua Marine

Deep Violet Red

Dark Orange

Light Coral

Forest Green

Medium Slate Blue

Light Sea Green

Deep Lime Green

Saddle Brown

Microsoft YaHei

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Share

Run mama.cn?

Also set in Microsoft YaHei

cnnic.cn

youth.cn

Similar colours

Spotify for Creators

xkcd

PBS

JetBrains

Title &
description