What font does k618.cn use?

k618.cn’s website uses one typeface: microsoft yahei (headings and body text), a system font.

What are k618.cn’s brand colours?

The main colours on k618.cn are Dark Slate Blue (#3F4D5D), Brown (#AC3345), Royal Blue (#5670B4), Fire Brick (#C20001), Red (#DE230C) and White (#FFFFFF).

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

Body text is #333333 on a #FFFFFF background.

Where is k618.cn’s logo from?

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

Is this k618.cn’s official style guide?

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

k618.cn 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: 未来网; ● 3 / 60 characters
Meta description: 未来网是国家互联网信息办公室批准的中央新闻网站，新闻媒体，是全国少工委新媒体工作平台。致力于打造青少年教育类垂直新闻资讯，维护青少年合法权益、指导青少年安全上网、搭建青少年丰富多彩的活动平台。; ● 96 / 160 characters

In search results

k618.cnhttps://www.k618.cn/

未来网

未来网是国家互联网信息办公室批准的中央新闻网站，新闻媒体，是全国少工委新媒体工作平台。致力于打造青少年教育类垂直新闻资讯，维护青少年合法权益、指导青少年安全上网…

When shared

No og:image, so no picture

k618.cn

未来网

未来网是国家互联网信息办公室批准的中央新闻网站，新闻媒体，是全国少工委新媒体工作平台。致力于打造青少年教育类…

Back to top ↑

Logo & favicons

Found as: image in the header. PNG, 140 × 65.

Logo

On white

On black

On Dark Slate Blue

Favicons

1 found

16 px · ICO favicon.ico

未来网

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 (#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 39.9%
Charcoal 27.1%
Dark Grey 10.3%
Off White 6.5%
Dark Slate Blue 5%
Brown 3.6%
Royal Blue 3.4%
Fire Brick 2.2%
Red 2.1%

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 · .btn_yyb, .ptC4 .pic .h3
Charcoal

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 80

On text
—

On white
12.63:1 AAA

Text, background · a, body
Dark Grey

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 60

On text
2.20:1 Fail

On white
5.74:1 AA

Text, background · body, .u_tnav li:after
Off White

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 8

On text
10.60:1 AAA

On white
1.19:1 Fail

Background, border, text · .j_xs .j_hd ul li, .j_xs .j_hd ul li.on

Colours

Brand colours and accents, most used first

Dark Slate Blue

HEX

RGB

HSL

OKLCH

CMYK
32 17 0 64

On text
1.46:1 Fail

On white
8.64:1 AAA

Text · .d3_4 .h3, .d3_4 .h3 a
Brown

HEX

RGB

HSL

OKLCH

CMYK
0 70 60 33

On text
1.99:1 Fail

On white
6.34:1 AA

Background, text · .f_info a:after, .f_tab::-webkit-scrollbar-thumb
Royal Blue

HEX

RGB

HSL

OKLCH

CMYK
52 38 0 29

On text
2.63:1 Fail

On white
4.80:1 AA

Background · .btn_yyb
Fire Brick

HEX

RGB

HSL

OKLCH

CMYK
0 100 99 24

On text
1.98:1 Fail

On white
6.37:1 AA

Text · .h_info a, .h_cap1
Red

HEX

RGB

HSL

OKLCH

CMYK
0 84 95 13

On text
2.62:1 Fail

On white
4.83:1 AA

Text, background · inline style on <a>, .h_cap1 a:hover

Gradients

linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .7))

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.

microsoft yahei

Aa 400

microsoft yahei

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

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

Type scale

From the site’s CSS

Body 14px / 1.5 microsoft yahei

未来网是国家互联网信息办公室批准的中央新闻网站，新闻媒体，是全国少工委新媒体工作平台。致力于打造青少年教育类垂直新闻资讯，维护青少年合法权…

Button 14px / 1.5 microsoft yahei

Get started

Link 30px / 21px weight 700

Sizes in use

Most common across the site

30px2 rules
24pxline 55px · 1 rules
22pxline 50px · 1 rules
20pxline 50px · 2 rules
18pxline 28px · 2 rules
16pxline 20px · 14 rules
14pxline 22px · 22 rules
12pxline 18px · 4 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

Button

Get started

.btn_yyb · #5670B4 · radius 5px

Link

Read our latest news today.

a · #333333

Corner radius

5px · 9×
3px · 3×
4px · 3×
50% · 2×

Shadows

0 0 8px #e8e8e8
0 0 10px #d2d2d2

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

No breakpoints or content widths could be read.

Back to top ↑

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.
▲ 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>).

Back to top ↑

Questions

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

Questions

What font does k618.cn use?: k618.cn’s website uses one typeface: microsoft yahei (headings and body text), a system font.
What are k618.cn’s brand colours?: The main colours on k618.cn are Dark Slate Blue (#3F4D5D), Brown (#AC3345), Royal Blue (#5670B4), Fire Brick (#C20001), Red (#DE230C) and White (#FFFFFF).
What colour is k618.cn’s text and background?: Body text is #333333 on a #FFFFFF background.
Where is k618.cn’s logo from?: The logo shown in this guide was found on k618.cn’s homepage. For official logo files and usage rules, check k618.cn’s own brand or press page.
Is this k618.cn’s official style guide?: No. SiteStyleGuide made it from k618.cn’s public web pages on 31 October 2026, and isn’t affiliated with k618.cn. 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

k618-cn-tokens.css

Download

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

/* k618.cn design tokens, from SiteStyleGuide (https://sitestyleguide.com/k618.cn) */
:root {
  /* Colours */
  --text: #333333;
  --background: #FFFFFF;
  --colour-white: #FFFFFF;
  --colour-charcoal: #333333;
  --colour-dark-grey: #666666;
  --colour-off-white: #EBEBEB;
  --colour-dark-slate-blue: #3F4D5D;
  --colour-brown: #AC3345;
  --colour-royal-blue: #5670B4;
  --colour-fire-brick: #C20001;
  --colour-red: #DE230C;
  --gradient-1: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .7));

  /* Typefaces */
  --font-body: 'microsoft yahei', 'simsun', 'arial';
  --font-buttons: 'microsoft yahei', 'simsun', 'arial';

  /* Type scale */
  --text-body: 14px;
  --leading-body: 1.5;
  --text-button: 14px;
  --leading-button: 1.5;
  --text-a: 30px;
  --leading-a: 21px;

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

{
    "site": "k618.cn",
    "source": "https://sitestyleguide.com/k618.cn",
    "text": "#333333",
    "background": "#FFFFFF",
    "colours": [
        {
            "name": "White",
            "hex": "#FFFFFF",
            "rgb": [
                255,
                255,
                255
            ]
        },
        {
            "name": "Charcoal",
            "hex": "#333333",
            "rgb": [
                51,
                51,
                51
            ]
        },
        {
            "name": "Dark Grey",
            "hex": "#666666",
            "rgb": [
                102,
                102,
                102
            ]
        },
        {
            "name": "Off White",
            "hex": "#EBEBEB",
            "rgb": [
                235,
                235,
                235
            ]
        },
        {
            "name": "Dark Slate Blue",
            "hex": "#3F4D5D",
            "rgb": [
                63,
                77,
                93
            ]
        },
        {
            "name": "Brown",
            "hex": "#AC3345",
            "rgb": [
                172,
                51,
                69
            ]
        },
        {
            "name": "Royal Blue",
            "hex": "#5670B4",
            "rgb": [
                86,
                112,
                180
            ]
        },
        {
            "name": "Fire Brick",
            "hex": "#C20001",
            "rgb": [
                194,
                0,
                1
            ]
        },
        {
            "name": "Red",
            "hex": "#DE230C",
            "rgb": [
                222,
                35,
                12
            ]
        }
    ],
    "fonts": [
        {
            "name": "microsoft yahei",
            "stack": "\"microsoft yahei\", \"simsun\", \\5b8b\\4f53, arial",
            "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 k618.cn?

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/k618.cn" title="k618.cn 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 ↑

k618.cnstyle guide

Title &
description

Logo

Favicons

Colour

Balance

Neutrals

White

Charcoal

Dark Grey

Off White

Colours

Dark Slate Blue

Brown

Royal Blue

Fire Brick

Red

Gradients

microsoft yahei

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

IGN

tai-xiu-online.com

NCI

amzn.com

k618.cnstyle guide

Title &description

Logo

Favicons

Colour

Balance

Neutrals

White

Charcoal

Dark Grey

Off White

Colours

Dark Slate Blue

Brown

Royal Blue

Fire Brick

Red

Gradients

microsoft yahei

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Share

Run k618.cn?

Similar colours

IGN

tai-xiu-online.com

NCI

amzn.com

Title &
description