香港專業花式跳繩學校 Hong Kong Rope Skipping Academy
hkrsa.asia · set in Montserrat
SaveUnofficial A style guide made by SiteStyleGuide from linternaute.fr’s public web pages. Not affiliated with or endorsed by Linternaute.com. The real site is linternaute.fr ↗
Unofficial style guide
Linternaute.comstyle guide
Linternaute.com’s website (linternaute.fr) uses Montserrat for its headings and body text. Its palette is led by Crimson (#E41129), Light Crimson (#EA2F33) and Crimson (#D90C1E), with #303030 text on #EDF0F0. Captured from the live site on 25 October 2026.
- Website
- linternaute.fr
- Typefaces
- Montserrat, Helvetica Neue
- Palette
- 4 neutrals, 12 colours, 3 gradients
- Captured
- 25 Oct 2026 · added by @sitestyleguide
https://www.linternaute.com/
Screenshot
linternaute.fr
Identity & metadata
What browsers, search engines and social cards show before anyone reaches the page, from the homepage’s <head>.
Title &
description
- Page title
- Linternaute.com : Information, loisirs, culture et découvertes...
- ▲ 65 / 60 characters
- Meta description
- Actualité, voyages, photos, cinéma, restaurants, cartes de voeux, tv, musique, encyclopédie... Un magazine en ligne complet, pratique, ludique et gratuit pour tous !
- ▲ 165 / 160 characters
- Site name
- Linternaute.com
- og:title
- Linternaute.com : Information, loisirs, culture et découvertes...
- og:description
- Actualité, voyages, photos, cinéma, restaurants, cartes de voeux, tv, musique, encyclopédie... Un magazine en ligne complet, pratique, ludique et gratuit pour tous !
- Language
- fr
- Theme colour
- #ffffff
In search results
Linternaute.comhttps://www.linternaute.com/
Linternaute.com : Information, loisirs, culture et découverte…
Actualité, voyages, photos, cinéma, restaurants, cartes de voeux, tv, musique, encyclopédie... Un magazine en ligne complet, pratique, ludique et gratuit pour to…
When shared
No og:image, so no picture
linternaute.fr
Linternaute.com : Information, loisirs, culture et découvertes...
Actualité, voyages, photos, cinéma, restaurants, cartes de voeux, tv, musique, encyclopédie... Un magazine en…
Logo & favicons
Found as: image in the header. PNG, 370 × 62.
Logo
On white
On black
On Crimson
Favicons
7 found-
260 px · SVG
mask-icon
-
256 px · PNG
manifest
-
192 px · PNG
manifest
-
180 px · PNG
apple-touch-icon
-
48 px · ICO shortcut icon
-
32 px · PNG
icon
-
16 px · PNG
icon
Linternaute.com : Information, loisirs, culture et découvertes...
Light browser tab
Linternaute.com : Information, loisirs, culture et découvertes...
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 (#303030) and white, using WCAG 2 ratios: 4.5 for body text, 3 for large text.
Colour
Balance
How much each colour is used- White 37.2%
- Crimson 25.7%
- Charcoal 15.7%
- Light Off White 7.6%
- Deep Off White 5.9%
- Light Crimson 1.4%
- Crimson 1.4%
- Fire Brick 0.8%
- Dodger Blue 0.8%
- Deep Royal Blue 0.7%
- Dark Orange 0.6%
- Light Steel Blue 0.6%
- Deep Crimson 0.4%
- Indian Red 0.4%
- Red 0.4%
- Light Royal Blue 0.4%
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
- 13.20:1 AAA
- On white
- —
Background, text, border · .ui-dialog .ui-dialog-titlebar, aside[id^=NL_].newsletter_subscription input[type=email]
-
Charcoal
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 0 0 0 81
- On text
- —
- On white
- 13.20:1 AAA
Text, background, border · body, .app_box_2 header
-
Light Off White
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 0 0 0 7
- On text
- 11.17:1 AAA
- On white
- 1.18:1 Fail
Background, border, text · body, .ui-dialog .ui-dialog-titlebar
-
Deep Off White
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 0 0 0 15
- On text
- 9.35:1 AAA
- On white
- 1.41:1 Fail
Border, background, text · .ui-dialog .ui-dialog-titlebar, .button--standard.disabled
Colours
Brand colours and accents, most used first-
Crimson
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 0 93 82 11
- On text
- 2.77:1 Fail
- On white
- 4.76:1 AA
Text, background, border · header[role=banner].app_header .app_header__bottom .app_header__bottom__left ul , .od_ia .od_ia__title
-
Light Crimson
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 0 80 78 8
- On text
- 3.11:1 AA large
- On white
- 4.24:1 AA large
Background · .app_btn_2, aside[id^=NL_].newsletter_subscription button
-
Crimson
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 0 94 86 15
- On text
- 2.53:1 Fail
- On white
- 5.22:1 AA
Background, text, border · .app_btn_2, .app_btn_2:active
-
Fire Brick
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 0 93 82 29
- On text
- 1.91:1 Fail
- On white
- 6.90:1 AA
Background, border, text · aside[id^=NL_].newsletter_subscription button, .button--sendmail:focus-visible
-
Dodger Blue
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 75 40 0 0
- On text
- 4.54:1 AA
- On white
- 2.91:1 Fail
Background, border · .button--twitter, .button--twitter:active
-
Deep Royal Blue
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 61 41 0 40
- On text
- 1.93:1 Fail
- On white
- 6.84:1 AA
Background, border · .button--facebook, .app_btn_fb
-
Dark Orange
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 0 40 100 0
- On text
- 6.12:1 AA
- On white
- 2.16:1 Fail
Background, text, border · .ccmcss_btn--warning, .widget-meteo .uv-high
-
Light Steel Blue
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 22 10 0 27
- On text
- 5.32:1 AA
- On white
- 2.48:1 Fail
Text, background, border · .app_widget_forum .app_widget_forum__item.app_widget_forum__item--noanswer .app_, .app_widget_forum .app_widget_forum__item .app_widget_forum__footer
-
Deep Crimson
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 0 100 82 17
- On text
- 2.39:1 Fail
- On white
- 5.53:1 AA
Background, text, border · header[role=banner].app_header .app_header__top>.layout .app_header__share li a, .nl-box__form input[type=email]:-moz-ui-invalid
-
Indian Red
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 0 62 61 7
- On text
- 3.93:1 AA large
- On white
- 3.36:1 AA large
Background · .app_btn_2:focus, [class*=app_button_nav_]:focus
-
Red
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 0 100 100 0
- On text
- 3.30:1 AA large
- On white
- 4.00:1 AA large
Text, border · .nl-box__form input[type=email]:-moz-ui-invalid, .cp_switch__error
-
Light Royal Blue
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 78 33 0 44
- On text
- 1.99:1 Fail
- On white
- 6.62:1 AA
Text · .app_elections_form fieldset:before, aside .app_elections_form p>a
Gradients
-
linear-gradient(180deg,#ea2f33 0,#d90c1e)
-
linear-gradient(180deg,#0000 0,#0000004d 60%,#000c)
-
linear-gradient(180deg,#e1e1e1 0,#fff 2%,#fdfdfd 60%,#ededed 96%,#dedede)
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.
Montserrat
Aa
100
Aa
900
Montserrat
Served from astatic.ccmbg.com · weights 100, 400, 500, 700, 900 · headings, buttons, body · shown in a stand-in if you don’t have it
Aa
400
Helvetica Neue
System font, or not loaded on this page · weights 400 · shown in a stand-in if you don’t have it
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 ! ? & @ % $ – ’ “ ”
Type scale
From the site’s CSS
Heading 1
30px / 1.4
weight 700
Linternaute.com
Heading 2
20px / 1.4
weight 700
Linternaute.com : Information, loisirs, culture…
Heading 3
18px / 1.4
weight 700
Linternaute.com : Information, loisirs, culture…
Heading 4
16px / 1.4
weight 700
Linternaute.com : Information, loisirs, culture…
Heading 5
1.25rem · 20 px / 1.4
Linternaute.com : Information, loisirs, culture…
Heading 6
1.125rem · 18 px / 1.6
Linternaute.com : Information, loisirs, culture…
Body
1em · 16 px / 1.6
weight 500 · Montserrat
Actualité, voyages, photos, cinéma, restaurants, cartes de voeux, tv, musique, encyclopédie... Un magazine en ligne complet, pratique, ludi…
Paragraph
14px / 14px
weight 700 · uppercase · Gentium Book Basic
Actualité, voyages, photos, cinéma, restaurants, cartes de voeux, tv, musique, encyclopédie... Un magazine en ligne complet, pratique, ludi…
Small
80%
Actualité, voyages, photos, cinéma, restaurants, cartes de voeux, tv, musique, encyclopédie... Un magazine en ligne complet, pratique, ludi…
Button
100%
none · Montserrat
Get started
Link
11px / 40px
weight 700 · lowercase · arial
Read more about Linternaute.com
Sizes in use
Most common across the site- 22pxline 1.2 · 18 rules
- 20pxline 1.4 · 44 rules
- 18pxline 1.6 · 49 rules
- 16pxline 1.5 · 86 rules
- 15pxline 1 · 26 rules
- 14pxline 1 · 159 rules
- 13pxline 1.3 · 35 rules
- 12pxline 1.3 · 87 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
.app_aside .app_form_lite fieldset button[type=submit] · #E41129 · radius 0 20px 20px 0
Corner radius
- 5px · 55×
- 50% · 20×
- 20px · 9×
- 10px · 9×
- 100% · 6×
- 30px · 6×
Shadows
- 0 0 8px 0 #0003
- 0 0 10px 0 #0003
- 0 0 4px 0 #0003
- 0 0 0 3px hsla(353.1753554502deg,86.1224489796%,calc(48.0392156863% + 40%),.8)
Layout
Breakpoints from the site’s media queries and the widths its content is held to, with how often each appears.
Grid
Breakpoints
480
481
767
768
769
979
999
1000
On a scale of 0 to 1440 px.
Content widths (max-width)
1000 px
500 px
480 px
425 px
380 px
300 px
Notes
Plain checks on what was found. Worth fixing if you look after this site.
Notes
- ▲ CheckThe title is 65 characters. Google usually cuts titles near 60, so the end may not show in results.
- ▲ CheckThe description is 165 characters. Search results usually show about 160.
- ▲ 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 Linternaute.com use?
- Linternaute.com’s website uses one typeface: Montserrat (headings and body text), served from astatic.ccmbg.com.
- What are Linternaute.com’s brand colours?
- The main colours on linternaute.fr are Crimson (#E41129), Light Crimson (#EA2F33), Crimson (#D90C1E), Fire Brick (#B50D20), Dodger Blue (#4099FF) and Deep Royal Blue (#3B5998).
- What colour is Linternaute.com’s text and background?
- Body text is #303030 on a #EDF0F0 background.
- Where is Linternaute.com’s logo from?
- The logo shown in this guide was found on linternaute.fr’s homepage. For official logo files and usage rules, check Linternaute.com’s own brand or press page.
- Is this Linternaute.com’s official style guide?
- No. SiteStyleGuide made it from linternaute.fr’s public web pages on 25 October 2026, and isn’t affiliated with Linternaute.com. 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
linternaute-fr-tokens.css
/* linternaute.fr design tokens, from SiteStyleGuide (https://sitestyleguide.com/linternaute.fr) */
:root {
/* Colours */
--text: #303030;
--background: #EDF0F0;
--colour-white: #FFFFFF;
--colour-charcoal: #303030;
--colour-light-off-white: #ECECEC;
--colour-deep-off-white: #D9D9D9;
--colour-crimson: #E41129;
--colour-light-crimson: #EA2F33;
--colour-crimson-2: #D90C1E;
--colour-fire-brick: #B50D20;
--colour-dodger-blue: #4099FF;
--colour-deep-royal-blue: #3B5998;
--colour-dark-orange: #FF9800;
--colour-light-steel-blue: #92A7BA;
--colour-deep-crimson: #D30027;
--colour-indian-red: #EE5A5C;
--colour-red: #FF0000;
--colour-light-royal-blue: #1F6190;
--gradient-1: linear-gradient(180deg,#ea2f33 0,#d90c1e);
--gradient-2: linear-gradient(180deg,#0000 0,#0000004d 60%,#000c);
--gradient-3: linear-gradient(180deg,#e1e1e1 0,#fff 2%,#fdfdfd 60%,#ededed 96%,#dedede);
/* Typefaces */
--font-headings: 'Montserrat', sans-serif;
--font-buttons: 'Montserrat', sans-serif;
--font-body: 'Montserrat', sans-serif;
--font-other: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
/* Type scale */
--text-h1: 30px;
--leading-h1: 1.4;
--text-h2: 20px;
--leading-h2: 1.4;
--text-h3: 18px;
--leading-h3: 1.4;
--text-h4: 16px;
--leading-h4: 1.4;
--text-h5: 1.25rem;
--leading-h5: 1.4;
--text-h6: 1.125rem;
--leading-h6: 1.6;
--text-body: 1em;
--leading-body: 1.6;
--text-p: 14px;
--leading-p: 14px;
--text-small: 80%;
--text-button: 100%;
--text-a: 11px;
--leading-a: 40px;
/* Shape */
--radius-1: 5px;
--radius-2: 50%;
--radius-3: 20px;
--radius-4: 10px;
--radius-5: 100%;
--radius-6: 30px;
/* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
--breakpoint-1: 480px;
--breakpoint-2: 481px;
--breakpoint-3: 767px;
--breakpoint-4: 768px;
--breakpoint-5: 769px;
--breakpoint-6: 979px;
--breakpoint-7: 999px;
--breakpoint-8: 1000px;
--max-width-1: 1000px;
--max-width-2: 500px;
--max-width-3: 480px;
--max-width-4: 425px;
--max-width-5: 380px;
--max-width-6: 300px;
}
{
"site": "linternaute.fr",
"source": "https://sitestyleguide.com/linternaute.fr",
"text": "#303030",
"background": "#EDF0F0",
"colours": [
{
"name": "White",
"hex": "#FFFFFF",
"rgb": [
255,
255,
255
]
},
{
"name": "Charcoal",
"hex": "#303030",
"rgb": [
48,
48,
48
]
},
{
"name": "Light Off White",
"hex": "#ECECEC",
"rgb": [
236,
236,
236
]
},
{
"name": "Deep Off White",
"hex": "#D9D9D9",
"rgb": [
217,
217,
217
]
},
{
"name": "Crimson",
"hex": "#E41129",
"rgb": [
228,
17,
41
]
},
{
"name": "Light Crimson",
"hex": "#EA2F33",
"rgb": [
234,
47,
51
]
},
{
"name": "Crimson",
"hex": "#D90C1E",
"rgb": [
217,
12,
30
]
},
{
"name": "Fire Brick",
"hex": "#B50D20",
"rgb": [
181,
13,
32
]
},
{
"name": "Dodger Blue",
"hex": "#4099FF",
"rgb": [
64,
153,
255
]
},
{
"name": "Deep Royal Blue",
"hex": "#3B5998",
"rgb": [
59,
89,
152
]
},
{
"name": "Dark Orange",
"hex": "#FF9800",
"rgb": [
255,
152,
0
]
},
{
"name": "Light Steel Blue",
"hex": "#92A7BA",
"rgb": [
146,
167,
186
]
},
{
"name": "Deep Crimson",
"hex": "#D30027",
"rgb": [
211,
0,
39
]
},
{
"name": "Indian Red",
"hex": "#EE5A5C",
"rgb": [
238,
90,
92
]
},
{
"name": "Red",
"hex": "#FF0000",
"rgb": [
255,
0,
0
]
},
{
"name": "Light Royal Blue",
"hex": "#1F6190",
"rgb": [
31,
97,
144
]
}
],
"fonts": [
{
"name": "Montserrat",
"stack": "Montserrat, sans-serif",
"weights": [
100,
400,
500,
700,
900
],
"source": "Served from astatic.ccmbg.com"
},
{
"name": "Helvetica Neue",
"stack": "Helvetica Neue, Helvetica, Arial, sans-serif",
"weights": [
400
],
"source": "System font, or not loaded on this page"
}
]
}
Share
Links open each service’s own share page. Nothing from them loads here.
Share
Run linternaute.fr?
Add the badge to your siteLink 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/linternaute.fr" title="Linternaute.com style guide on SiteStyleGuide"><img src="https://sitestyleguide.com/public/badge.svg" alt="View our style guide on SiteStyleGuide" width="200" height="44"></a>
Also set in Montserrat
Other websites using Montserrat as their main typeface
HELLO!
hellomagazine.com · set in Montserrat
Save
Digital Spy UK
digitalspy.com · set in Montserrat
Save
locomotive.ca
locomotive.ca · set in Montserrat
Save
Similar colours
Websites whose lead colour is closest to Linternaute.com’s
The Hollywood Reporter
hollywoodreporter.com · 4 days ago
Save
The Independent
independent.co.uk · 2 days ago
Save
NME
nme.com · 5 days ago
Save
Verizon
verizonwireless.com · 5 days ago
Save
Captured from linternaute.fr on 25 October 2026. SiteStyleGuide isn’t affiliated with or endorsed by Linternaute.com; this guide describes the public website for reference.