What font does SensCritique use?

SensCritique’s website uses four typefaces: Inter (headings and body text), a system font; SourceCodePro, self-hosted; ClashGrotesk, self-hosted; sourceSerifPro, self-hosted.

What are SensCritique’s brand colours?

The main colours on senscritique.com are Black (#101828), Deep Slate Blue (#344054), Slate Blue (#113F97), Royal Blue (#1959D7), Slate Grey (#667085) and Medium Sea Green (#2FC46F).

What colour is SensCritique’s text and background?

Body text is #000000 on a #070A12 background.

Where is SensCritique’s logo from?

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

Is this SensCritique’s official style guide?

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

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

Unofficial style guide

SensCritiquestyle guide

SensCritique’s website (senscritique.com) uses Inter for its headings and body text. Its palette is led by Black (#101828), Deep Slate Blue (#344054) and Slate Blue (#113F97), with #000000 text on #070A12. Captured from the live site on 22 October 2026.

Website: senscritique.com
Typefaces: Inter, SourceCodePro, ClashGrotesk
Palette: 4 neutrals, 11 colours, 3 gradients
Captured: 22 Oct 2026 · added by @sitestyleguide

Save Add to collection Share Report

Screenshot of the senscritique.com homepage on a desktop screen — Screenshot of senscritique.com on a 1440 px desktop screen, 22 Oct 2026.

Screenshot of the senscritique.com 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: Avis de musiques, films, jeux vidéo, BD, livres et séries TV à découvrir sur SensCritique; ▲ 89 / 60 characters
Meta description: Donnez votre avis sur la culture et découvrez les avis de vos amis. Votre collection en ligne accessible à tout moment sur Senscritique.; ● 136 / 160 characters
Site name: SensCritique
Language: fr
Theme colour: #ffffff

In search results

SensCritiquehttps://www.senscritique.com/

Avis de musiques, films, jeux vidéo, BD, livres et séries TV …

Donnez votre avis sur la culture et découvrez les avis de vos amis. Votre collection en ligne accessible à tout moment sur Senscritique.

When shared

No og:image, so no picture

senscritique.com

Avis de musiques, films, jeux vidéo, BD, livres et séries TV à découvrir sur SensCritique

Donnez votre avis sur la culture et découvrez les avis de vos amis. Votre collection en ligne accessible à to…

Logo & favicons

Found as: SVG in the header. SVG, 150 × 20.

Logo

On white

On black

On Black

Favicons

8 found

152 px · PNG apple-touch-icon
144 px · PNG apple-touch-icon
120 px · PNG apple-touch-icon
114 px · PNG apple-touch-icon
76 px · PNG apple-touch-icon
72 px · PNG apple-touch-icon
60 px · PNG apple-touch-icon
57 px · PNG apple-touch-icon

Avis de musiques, films, jeux vidéo, BD, livres et séries TV à découvrir sur SensCritique

Light browser tab

Avis de musiques, films, jeux vidéo, BD, livres et séries TV à découvrir sur SensCritique

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 (#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 29%
Black 19.7%
Deep Slate Blue 12.8%
Slate Blue 9%
Deep Black 5%
Cool Light Grey 4.7%
Royal Blue 4.7%
Slate Grey 3.2%
Light Black 2.7%
Medium Sea Green 2.4%
Light Sky Blue 1.6%
Fire Brick 1.6%
Light Slate Blue 1.6%
Light Coral 1.2%
Red 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
21.00:1 AAA

On white
—

Background, text, theme · .bntbtt .Text__SCTitle-sc-cdab2cd2-1, theme-color meta tag
Deep Black

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 100

On text
—

On white
21.00:1 AAA

Background, graphic · .bWCaup, .bUShqX
Cool Light Grey

HEX

RGB

HSL

OKLCH

CMYK
6 4 0 13

On text
14.24:1 AAA

On white
1.47:1 Fail

Border, text · .jPjKSF, .jPjKSF span
Light Black

HEX

RGB

HSL

OKLCH

CMYK
61 44 0 93

On text
1.06:1 Fail

On white
19.79:1 AAA

Background · body

Colours

Brand colours and accents, most used first

Black

HEX

RGB

HSL

OKLCH

CMYK
60 40 0 84

On text
1.18:1 Fail

On white
17.75:1 AAA

Text, background, border · .fRjKhp .Text__SCTitle-sc-cdab2cd2-1, .dbYKtb .ProductCard__TitleLink-sc-57d53168-0
Deep Slate Blue

HEX

RGB

HSL

OKLCH

CMYK
38 24 0 67

On text
2.01:1 Fail

On white
10.46:1 AAA

Text, background · .euWHhz, .gnfRGf
Slate Blue

HEX

RGB

HSL

OKLCH

CMYK
89 58 0 41

On text
2.18:1 Fail

On white
9.63:1 AAA

Text · .pqQtK a, .jqfCuu a
Royal Blue

HEX

RGB

HSL

OKLCH

CMYK
88 59 0 16

On text
3.45:1 AA large

On white
6.08:1 AA

Background, border · .dHLYjg:before, .eHKETM
Slate Grey

HEX

RGB

HSL

OKLCH

CMYK
23 16 0 48

On text
4.22:1 AA large

On white
4.97:1 AA

Text · .dHLYjg:disabled, .dHLYjg:disabled span
Medium Sea Green

HEX

RGB

HSL

OKLCH

CMYK
76 0 43 23

On text
9.25:1 AAA

On white
2.27:1 Fail

Text, border · .jSWboI .Text__SCTitle-sc-cdab2cd2-1, .jSWboI
Light Sky Blue

HEX

RGB

HSL

OKLCH

CMYK
54 28 0 0

On text
9.89:1 AAA

On white
2.12:1 Fail

Text · .SMUmU a, .dcDiHN a
Fire Brick

HEX

RGB

HSL

OKLCH

CMYK
0 81 87 29

On text
3.19:1 AA large

On white
6.57:1 AA

Text · .deqSJK.variant-destructive span, .daZocT.variant-destructive span
Light Slate Blue

HEX

RGB

HSL

OKLCH

CMYK
31 18 0 60

On text
2.73:1 Fail

On white
7.69:1 AAA

Text · .byxGBE span, .knsKTl span
Light Coral

HEX

RGB

HSL

OKLCH

CMYK
0 36 39 1

On text
10.82:1 AAA

On white
1.94:1 Fail

Border · .deqSJK.variant-destructive, .daZocT.variant-destructive
Red

HEX

RGB

HSL

OKLCH

CMYK
0 72 77 6

On text
5.59:1 AA

On white
3.76:1 AA large

Border · .dHLYjg.variant-destructive:focus, .deqSJK.variant-destructive:focus

Gradients

linear-gradient(#356DDC, #1A5AD7)
linear-gradient( to bottom, #000000 0%, rgba(0, 0, 0, 0) 100% )
linear-gradient( to right, #000000 0%, rgba(0, 0, 0, 0) 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.

Inter

Aa 400 Aa 700

Inter

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

Aa 600

SourceCodePro

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

Aa 500 Aa 700

ClashGrotesk

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

Aa 400 Aa 700

sourceSerifPro

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

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

Type scale

From the site’s CSS

Paragraph 1em · 16 px

Donnez votre avis sur la culture et découvrez les avis de vos amis. Votre collection en ligne accessible à tout moment sur Senscritique.

Small 80%

Donnez votre avis sur la culture et découvrez les avis de vos amis. Votre collection en ligne accessible à tout moment sur Senscritique.

Button 100% / 1.15 none

Get started

Sizes in use

Most common across the site

38pxline 45px · 2 rules
30pxline 32px · 1 rules
24pxline 30px · 4 rules
20pxline 20px · 2 rules
18pxline 28px · 1 rules
16pxline 24px · 18 rules
14pxline 20px · 13 rules
12pxline 18px · 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

Corner radius

50% · 9×
6px · 8×
4px · 7×
2px · 4×
1px · 2×
5px · 2×

Shadows

3px 3px 20px 0px rgba(26, 26, 26, 0.1)
0 0 10px #1959D7, 0 0 5px #1959D7

Layout

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

Grid

Breakpoints

375

414

769

811

1024

1025

1081

1140

On a scale of 0 to 1440 px.

Content widths (max-width)

1180 px

1140 px

720 px

366 px

354 px

350 px

Notes

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

Notes

▲ CheckThe title is 89 characters. Google usually cuts titles near 60, so the end may not show in results.
▲ CheckThere is no og:image, so links shared on social media show no picture.
▲ CheckBody text (#000000 on #070A12) has a contrast of 1.06:1, under the 4.5:1 WCAG asks for.

Questions

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

Questions

What font does SensCritique use?: SensCritique’s website uses four typefaces: Inter (headings and body text), a system font; SourceCodePro, self-hosted; ClashGrotesk, self-hosted; sourceSerifPro, self-hosted.
What are SensCritique’s brand colours?: The main colours on senscritique.com are Black (#101828), Deep Slate Blue (#344054), Slate Blue (#113F97), Royal Blue (#1959D7), Slate Grey (#667085) and Medium Sea Green (#2FC46F).
What colour is SensCritique’s text and background?: Body text is #000000 on a #070A12 background.
Where is SensCritique’s logo from?: The logo shown in this guide was found on senscritique.com’s homepage. For official logo files and usage rules, check SensCritique’s own brand or press page.
Is this SensCritique’s official style guide?: No. SiteStyleGuide made it from senscritique.com’s public web pages on 22 October 2026, and isn’t affiliated with SensCritique. 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

senscritique-com-tokens.css

Download

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

/* senscritique.com design tokens, from SiteStyleGuide (https://sitestyleguide.com/senscritique.com) */
:root {
  /* Colours */
  --text: #000000;
  --background: #070A12;
  --colour-white: #FFFFFF;
  --colour-deep-black: #000000;
  --colour-cool-light-grey: #D0D5DD;
  --colour-light-black: #070A12;
  --colour-black: #101828;
  --colour-deep-slate-blue: #344054;
  --colour-slate-blue: #113F97;
  --colour-royal-blue: #1959D7;
  --colour-slate-grey: #667085;
  --colour-medium-sea-green: #2FC46F;
  --colour-light-sky-blue: #76B6FE;
  --colour-fire-brick: #B42318;
  --colour-light-slate-blue: #475467;
  --colour-light-coral: #FDA29B;
  --colour-red: #F04438;
  --gradient-1: linear-gradient(#356DDC, #1A5AD7);
  --gradient-2: linear-gradient( to bottom, #000000 0%, rgba(0, 0, 0, 0) 100% );
  --gradient-3: linear-gradient( to right, #000000 0%, rgba(0, 0, 0, 0) 100% );

  /* Typefaces */
  --font-other: 'Inter', sans-serif;

  /* Type scale */
  --text-p: 1em;
  --text-small: 80%;
  --text-button: 100%;
  --leading-button: 1.15;

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

  /* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
  --breakpoint-1: 375px;
  --breakpoint-2: 414px;
  --breakpoint-3: 769px;
  --breakpoint-4: 811px;
  --breakpoint-5: 1024px;
  --breakpoint-6: 1025px;
  --breakpoint-7: 1081px;
  --breakpoint-8: 1140px;
  --max-width-1: 1180px;
  --max-width-2: 1140px;
  --max-width-3: 720px;
  --max-width-4: 366px;
  --max-width-5: 354px;
  --max-width-6: 350px;
}

{
    "site": "senscritique.com",
    "source": "https://sitestyleguide.com/senscritique.com",
    "text": "#000000",
    "background": "#070A12",
    "colours": [
        {
            "name": "White",
            "hex": "#FFFFFF",
            "rgb": [
                255,
                255,
                255
            ]
        },
        {
            "name": "Deep Black",
            "hex": "#000000",
            "rgb": [
                0,
                0,
                0
            ]
        },
        {
            "name": "Cool Light Grey",
            "hex": "#D0D5DD",
            "rgb": [
                208,
                213,
                221
            ]
        },
        {
            "name": "Light Black",
            "hex": "#070A12",
            "rgb": [
                7,
                10,
                18
            ]
        },
        {
            "name": "Black",
            "hex": "#101828",
            "rgb": [
                16,
                24,
                40
            ]
        },
        {
            "name": "Deep Slate Blue",
            "hex": "#344054",
            "rgb": [
                52,
                64,
                84
            ]
        },
        {
            "name": "Slate Blue",
            "hex": "#113F97",
            "rgb": [
                17,
                63,
                151
            ]
        },
        {
            "name": "Royal Blue",
            "hex": "#1959D7",
            "rgb": [
                25,
                89,
                215
            ]
        },
        {
            "name": "Slate Grey",
            "hex": "#667085",
            "rgb": [
                102,
                112,
                133
            ]
        },
        {
            "name": "Medium Sea Green",
            "hex": "#2FC46F",
            "rgb": [
                47,
                196,
                111
            ]
        },
        {
            "name": "Light Sky Blue",
            "hex": "#76B6FE",
            "rgb": [
                118,
                182,
                254
            ]
        },
        {
            "name": "Fire Brick",
            "hex": "#B42318",
            "rgb": [
                180,
                35,
                24
            ]
        },
        {
            "name": "Light Slate Blue",
            "hex": "#475467",
            "rgb": [
                71,
                84,
                103
            ]
        },
        {
            "name": "Light Coral",
            "hex": "#FDA29B",
            "rgb": [
                253,
                162,
                155
            ]
        },
        {
            "name": "Red",
            "hex": "#F04438",
            "rgb": [
                240,
                68,
                56
            ]
        }
    ],
    "fonts": [
        {
            "name": "Inter",
            "stack": "\"Inter\", sans-serif",
            "weights": [
                400,
                500,
                600,
                700
            ],
            "source": "System font, or not loaded on this page"
        },
        {
            "name": "SourceCodePro",
            "stack": "\"SourceCodePro\", monospace",
            "weights": [
                600
            ],
            "source": "Self-hosted"
        },
        {
            "name": "ClashGrotesk",
            "stack": "\"ClashGrotesk\", sans-serif",
            "weights": [
                500,
                600,
                700
            ],
            "source": "Self-hosted"
        },
        {
            "name": "sourceSerifPro",
            "stack": "sourceSerifPro, sourceSerifPro Fallback",
            "weights": [
                400,
                600,
                700
            ],
            "source": "Self-hosted"
        },
        {
            "name": "Segoe UI",
            "stack": "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif",
            "weights": [
                400
            ],
            "source": "System font, or not loaded on this page"
        },
        {
            "name": "Sora",
            "stack": "'Sora', sans-serif",
            "weights": [
                600
            ],
            "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 SensCritique’s

Outbrain

outbrain.com · 3 days ago
Save
Twilio

segment.com · 6 days ago
Save
definicion.de

definicion.de · 3 days ago
Save
biblehub.com

biblehub.com · 3 days ago
Save

Captured from senscritique.com on 22 October 2026. SiteStyleGuide isn’t affiliated with or endorsed by SensCritique; this guide describes the public website for reference.

SensCritiquestyle guide

Title &description

Logo

Favicons

Colour

Balance

Neutrals

White

Deep Black

Cool Light Grey

Light Black

Colours

Black

Deep Slate Blue

Slate Blue

Royal Blue

Slate Grey

Medium Sea Green

Light Sky Blue

Fire Brick

Light Slate Blue

Light Coral

Red

Gradients

Inter

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Share

Run senscritique.com?

Also set in Inter

ITFixio

IGN

Deezer

AI-Native Cloud

Similar colours

Outbrain

Twilio

definicion.de

biblehub.com

Title &
description