What font does cnrtl.fr use?

cnrtl.fr’s website uses two typefaces: Inter (headings and body text), a system font; Merriweather, self-hosted.

What are cnrtl.fr’s brand colours?

The main colours on cnrtl.fr are Deep Aqua Marine (#48C78E), Light Sky Blue (#66D1FF), Orange (#FFB70F), Light Coral (#FF6685), Light Aqua Marine (#00D1B2) and Medium Sea Green (#6AAA64).

What colour is cnrtl.fr’s text and background?

Body text is #404654 on a #FFFFFF background.

Is this cnrtl.fr’s official style guide?

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

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

Unofficial style guide

cnrtl.frstyle guide

cnrtl.fr’s website (cnrtl.fr) uses Inter for its headings and body text. Its palette is led by Deep Aqua Marine (#48C78E), Light Sky Blue (#66D1FF) and Orange (#FFB70F), with #404654 text on #FFFFFF. Captured from the live site on 30 October 2026.

Website: cnrtl.fr
Typefaces: Inter, Inconsolata, Merriweather
Palette: 4 neutrals, 12 colours, 1 gradient
Captured: 30 Oct 2026 · added by @sitestyleguide

Save Add to collection Share Report

Screenshot of the cnrtl.fr homepage on a desktop screen — Screenshot of cnrtl.fr on a 1440 px desktop screen, 30 Oct 2026.

Screenshot of the cnrtl.fr 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: Portail lexical; ● 15 / 60 characters
Meta description: Le portail lexical offre un ensemble de dictionnaires et de ressources linguistiques issus de projets de recherche ou communautaires; ● 132 / 160 characters
Language: fr

In search results

cnrtl.frhttps://www.cnrtl.fr/

Portail lexical

Le portail lexical offre un ensemble de dictionnaires et de ressources linguistiques issus de projets de recherche ou communautaires

When shared

No og:image, so no picture

cnrtl.fr

Portail lexical

Le portail lexical offre un ensemble de dictionnaires et de ressources linguistiques issus de projets de rech…

Logo & favicons

No logo could be found on the homepage.

Logo

Favicons

3 found

475 px · SVG icon
256 px · ICO favicon.ico
128 px · PNG apple-touch-icon

Portail lexical

Light browser tab

Portail lexical

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 (#404654) 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.4%
Deep Cool Charcoal 7.6%
Light Cool Charcoal 7.2%
Cool Off White 6.5%
Deep Aqua Marine 5.4%
Light Sky Blue 5.1%
Orange 5.1%
Light Coral 5.1%
Light Aqua Marine 4.2%
Medium Sea Green 4.2%
Dark Khaki 4.2%
Royal Blue 4%
Slate Grey 2.3%
Light Steel Blue 2.2%
Blue 2%
Dark Slate Blue 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
9.45:1 AAA

On white
—

Text, background, border · html, --bulma-black-invert
Deep Cool Charcoal

HEX

RGB

HSL

OKLCH

CMYK
25 16 0 76

On text
1.34:1 Fail

On white
12.67:1 AAA

Text · --bulma-light-invert, --bulma-grey-darker
Light Cool Charcoal

HEX

RGB

HSL

OKLCH

CMYK
24 17 0 67

On text
—

On white
9.45:1 AAA

Text · body, --bulma-grey-dark
Cool Off White

HEX

RGB

HSL

OKLCH

CMYK
3 2 0 9

On text
7.43:1 AAA

On white
1.27:1 Fail

Background, border · .button.is-light[disabled], --bulma-grey-lighter

Colours

Brand colours and accents, most used first

Deep Aqua Marine

HEX

RGB

HSL

OKLCH

CMYK
64 0 29 22

On text
4.43:1 AA large

On white
2.14:1 Fail

Background, border · .button.is-success[disabled], .timeline-marker.is-active[data-v-7385a8b0]
Light Sky Blue

HEX

RGB

HSL

OKLCH

CMYK
60 18 0 0

On text
5.46:1 AA

On white
1.73:1 Fail

Background, border, text · .button.is-info[disabled], .has-text-info
Orange

HEX

RGB

HSL

OKLCH

CMYK
0 28 94 0

On text
5.41:1 AA

On white
1.75:1 Fail

Background, border, text · .button.is-warning[disabled], .has-text-warning
Light Coral

HEX

RGB

HSL

OKLCH

CMYK
0 60 48 0

On text
3.37:1 AA large

On white
2.80:1 Fail

Background, border, text · .button.is-danger[disabled], .has-text-danger
Light Aqua Marine

HEX

RGB

HSL

OKLCH

CMYK
100 0 15 18

On text
4.84:1 AA

On white
1.95:1 Fail

Background, border · .button.is-primary[disabled]
Medium Sea Green

HEX

RGB

HSL

OKLCH

CMYK
38 0 41 33

On text
3.40:1 AA large

On white
2.78:1 Fail

Background · #wordle-keyboard button.correct[data-v-2e85f09f], .correct[data-v-ad1cdb4a]
Dark Khaki

HEX

RGB

HSL

OKLCH

CMYK
0 10 56 21

On text
4.57:1 AA

On white
2.07:1 Fail

Background · #wordle-keyboard button.present[data-v-2e85f09f], .present[data-v-ad1cdb4a]
Royal Blue

HEX

RGB

HSL

OKLCH

CMYK
74 65 0 0

On text
1.83:1 Fail

On white
5.16:1 AA

Text, border · .navbar-burger, a:focus-visible
Slate Grey

HEX

RGB

HSL

OKLCH

CMYK
25 17 0 45

On text
2.02:1 Fail

On white
4.69:1 AA

Used · --bulma-grey
Light Steel Blue

HEX

RGB

HSL

OKLCH

CMYK
26 13 0 4

On text
6.16:1 AA

On white
1.53:1 Fail

Graphic · --theme-quote-color, --theme-highlight-2
Blue

HEX

RGB

HSL

OKLCH

CMYK
84 74 0 0

On text
1.49:1 Fail

On white
6.33:1 AA

Text · a
Dark Slate Blue

HEX

RGB

HSL

OKLCH

CMYK
99 56 0 45

On text
1.07:1 Fail

On white
10.11:1 AAA

Used · --theme-hierarchy-color, --theme-button-color

Gradients

linear-gradient(to right, 30%, 30%)

Dark mode

Switched on by the site

Aa Light · #404654 on #FFFFFF

Aa Dark · #E3E6EB on #121418 · 14.74:1 AAA

Cool Near Black

#1F2229 · --bulma-background
Cornflower Blue

#7585FF · --bulma-link-on-scheme
Light Coral

#FF6685 · --bulma-danger-on-scheme
Cool Light Grey

#ABB1BF · --bulma-text
Cool Near Black

#121418 · --theme-background-color
Light Steel Blue

#9AB8E6 · --theme-hierarchy-color
Cool Off White

#E3E6EB · --theme-font-color
White

#FFFFFF · --bulma-white-on-scheme
Black

#000000 · --bulma-black-on-scheme
Light Slate Grey

#7F899F · --bulma-dark-on-scheme
Medium Aqua Marine

#00D1B2 · --bulma-primary-on-scheme
Light Sky Blue

#66D1FF · --bulma-info-on-scheme

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.

Inter

Aa 400

Inter

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

Aa 400

Inconsolata

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

Aa 400 Aa 700

Merriweather

Self-hosted · weights 400, 700 · shown in a stand-in if you don’t have it

Aa 400

Arial

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 1 100% weight 400

cnrtl.fr

Heading 2 100% weight 400

Portail lexical

Body 1em · 16 px / 1.5 weight 400 · Inter

Le portail lexical offre un ensemble de dictionnaires et de ressources linguistiques issus de projets de recherche ou communautaires

Button 1em · 16 px Inter

Get started

Sizes in use

Most common across the site

32pxline 2rem · 2 rules
24px9 rules
20px8 rules
16pxline 1.5 · 13 rules
15px3 rules
14pxline 1.5 · 11 rules
13px5 rules
12pxline 1.5 · 7 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

.button.is-primary[disabled] · #00D1B2

Link

Read our latest news today.

a · #2942FF

Corner radius

9999px · 5×
.375rem · 3×
.5em · 2×
.25rem · 2×
50% · 2×

Shadows

0 0 15px #00000054
0 .0625em .125em hsla(,,,),0 .125em .25em hsla(,,,)
0 0 0 .1875em hsla(233deg,100%,63%,.25)

Layout

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

Grid

Breakpoints

768

769

1023

1024

1216

1408

On a scale of 0 to 1440 px.

Content widths (max-width)

1400 px

1344 px

1152 px

1000 px

960 px

700 px

Notes

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

Notes

● FineThe title is 15 characters, short enough to show in full in search results.
▲ CheckThere is no og:image, so links shared on social media show no picture.

Questions

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

Questions

What font does cnrtl.fr use?: cnrtl.fr’s website uses two typefaces: Inter (headings and body text), a system font; Merriweather, self-hosted.
What are cnrtl.fr’s brand colours?: The main colours on cnrtl.fr are Deep Aqua Marine (#48C78E), Light Sky Blue (#66D1FF), Orange (#FFB70F), Light Coral (#FF6685), Light Aqua Marine (#00D1B2) and Medium Sea Green (#6AAA64).
What colour is cnrtl.fr’s text and background?: Body text is #404654 on a #FFFFFF background.
Is this cnrtl.fr’s official style guide?: No. SiteStyleGuide made it from cnrtl.fr’s public web pages on 30 October 2026, and isn’t affiliated with cnrtl.fr. 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

cnrtl-fr-tokens.css

Download

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

/* cnrtl.fr design tokens, from SiteStyleGuide (https://sitestyleguide.com/cnrtl.fr) */
:root {
  /* Colours */
  --text: #404654;
  --background: #FFFFFF;
  --colour-white: #FFFFFF;
  --colour-deep-cool-charcoal: #2E333D;
  --colour-light-cool-charcoal: #404654;
  --colour-cool-off-white: #E2E4E9;
  --colour-deep-aqua-marine: #48C78E;
  --colour-light-sky-blue: #66D1FF;
  --colour-orange: #FFB70F;
  --colour-light-coral: #FF6685;
  --colour-light-aqua-marine: #00D1B2;
  --colour-medium-sea-green: #6AAA64;
  --colour-dark-khaki: #C9B458;
  --colour-royal-blue: #4258FF;
  --colour-slate-grey: #69748C;
  --colour-light-steel-blue: #B5D4F4;
  --colour-blue: #2942FF;
  --colour-dark-slate-blue: #023E8D;
  --gradient-1: linear-gradient(to right, 30%, 30%);

  /* Typefaces */
  --font-body: 'Inter', 'SF Pro', 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu';
  --font-buttons: 'Inter', 'SF Pro', 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu';
  --font-other: 'Inconsolata', 'Hack', 'SF Mono', 'Roboto Mono', 'Source Code Pro', 'Ubuntu Mono';

  /* Type scale */
  --text-h1: 100%;
  --text-h2: 100%;
  --text-body: 1em;
  --leading-body: 1.5;
  --text-button: 1em;

  /* Shape */
  --radius-1: 9999px;
  --radius-2: .375rem;
  --radius-3: .5em;
  --radius-4: .25rem;
  --radius-5: 50%;

  /* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
  --breakpoint-1: 768px;
  --breakpoint-2: 769px;
  --breakpoint-3: 1023px;
  --breakpoint-4: 1024px;
  --breakpoint-5: 1216px;
  --breakpoint-6: 1408px;
  --max-width-1: 1400px;
  --max-width-2: 1344px;
  --max-width-3: 1152px;
  --max-width-4: 1000px;
  --max-width-5: 960px;
  --max-width-6: 700px;
}

{
    "site": "cnrtl.fr",
    "source": "https://sitestyleguide.com/cnrtl.fr",
    "text": "#404654",
    "background": "#FFFFFF",
    "colours": [
        {
            "name": "White",
            "hex": "#FFFFFF",
            "rgb": [
                255,
                255,
                255
            ]
        },
        {
            "name": "Deep Cool Charcoal",
            "hex": "#2E333D",
            "rgb": [
                46,
                51,
                61
            ]
        },
        {
            "name": "Light Cool Charcoal",
            "hex": "#404654",
            "rgb": [
                64,
                70,
                84
            ]
        },
        {
            "name": "Cool Off White",
            "hex": "#E2E4E9",
            "rgb": [
                226,
                228,
                233
            ]
        },
        {
            "name": "Deep Aqua Marine",
            "hex": "#48C78E",
            "rgb": [
                72,
                199,
                142
            ]
        },
        {
            "name": "Light Sky Blue",
            "hex": "#66D1FF",
            "rgb": [
                102,
                209,
                255
            ]
        },
        {
            "name": "Orange",
            "hex": "#FFB70F",
            "rgb": [
                255,
                183,
                15
            ]
        },
        {
            "name": "Light Coral",
            "hex": "#FF6685",
            "rgb": [
                255,
                102,
                133
            ]
        },
        {
            "name": "Light Aqua Marine",
            "hex": "#00D1B2",
            "rgb": [
                0,
                209,
                178
            ]
        },
        {
            "name": "Medium Sea Green",
            "hex": "#6AAA64",
            "rgb": [
                106,
                170,
                100
            ]
        },
        {
            "name": "Dark Khaki",
            "hex": "#C9B458",
            "rgb": [
                201,
                180,
                88
            ]
        },
        {
            "name": "Royal Blue",
            "hex": "#4258FF",
            "rgb": [
                66,
                88,
                255
            ]
        },
        {
            "name": "Slate Grey",
            "hex": "#69748C",
            "rgb": [
                105,
                116,
                140
            ]
        },
        {
            "name": "Light Steel Blue",
            "hex": "#B5D4F4",
            "rgb": [
                181,
                212,
                244
            ]
        },
        {
            "name": "Blue",
            "hex": "#2942FF",
            "rgb": [
                41,
                66,
                255
            ]
        },
        {
            "name": "Dark Slate Blue",
            "hex": "#023E8D",
            "rgb": [
                2,
                62,
                141
            ]
        }
    ],
    "fonts": [
        {
            "name": "Inter",
            "stack": "Inter, SF Pro, Segoe UI, Roboto, Oxygen, Ubuntu, Helvetica Neue, Helvetica, Arial, sans-serif",
            "weights": [],
            "source": "System font, or not loaded on this page"
        },
        {
            "name": "Inconsolata",
            "stack": "Inconsolata, Hack, SF Mono, Roboto Mono, Source Code Pro, Ubuntu Mono, monospace",
            "weights": [],
            "source": "System font, or not loaded on this page"
        },
        {
            "name": "Merriweather",
            "stack": "Merriweather, serif",
            "weights": [
                400,
                700
            ],
            "source": "Self-hosted"
        },
        {
            "name": "Arial",
            "stack": "Arial, Helvetica, sans-serif",
            "weights": [],
            "source": "System font, or not loaded on this page"
        },
        {
            "name": "Garamond",
            "stack": "Garamond, serif",
            "weights": [],
            "source": "System font, or not loaded on this page"
        },
        {
            "name": "Georgia",
            "stack": "Georgia, serif",
            "weights": [],
            "source": "System font, or not loaded on this page"
        }
    ]
}

Other websites using Inter as their main typeface

ITFixio

itfixio.co.uk · set in Inter
Save1
IGN

ign.com · set in Inter
Save
Deezer

deezer.com · set in Inter
Save
AI-Native Cloud

digitalocean.com · set in Inter
Save

Websites whose lead colour is closest to cnrtl.fr’s

Steemit

steemit.com · 4 days ago
Save
Emote Digital

emotedigital.com.au · 20 hours ago
Save
W3Schools

w3schools.com · 5 days ago
Save
BlogVitals

blogvitals.com · 5 days ago
Save

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

cnrtl.frstyle guide

Title &description

Logo

Favicons

Colour

Balance

Neutrals

White

Deep Cool Charcoal

Light Cool Charcoal

Cool Off White

Colours

Deep Aqua Marine

Light Sky Blue

Orange

Light Coral

Light Aqua Marine

Medium Sea Green

Dark Khaki

Royal Blue

Slate Grey

Light Steel Blue

Blue

Dark Slate Blue

Gradients

Dark mode

Inter

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Share

Run cnrtl.fr?

Also set in Inter

ITFixio

IGN

Deezer

AI-Native Cloud

Similar colours

Steemit

Emote Digital

W3Schools

BlogVitals

Title &
description