What font does LM Chabot use?

LM Chabot’s website uses one typeface: Fakt (headings and body text), self-hosted.

What are LM Chabot’s brand colours?

The main colours on lmchabot.com are Orange Red (#FF3D09), Gold (#FFD100), Slate Blue (#6960E2), Medium Sea Green (#00B574), Blue (#003BDF) and Medium Slate Blue (#8870FF).

What colour is LM Chabot’s text and background?

Body text is #000000 on a #FFFFFF background.

Where is LM Chabot’s logo from?

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

Is this LM Chabot’s official style guide?

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

LM Chabot 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: LM Chabot; ● 9 / 60 characters
Meta description: Le duo de photographes montréalais LM Chabot est une rarissime formation fusionnelle qui performe sur tous les fronts.; ● 118 / 160 characters
Site name: LM Chabot
og:title: LM Chabot
og:description: Le duo de photographes montréalais LM Chabot est une rarissime formation fusionnelle qui performe sur tous les fronts.
Language: fr
Theme colour: #000000

In search results

LM Chabothttps://lmchabot.com/

LM Chabot

Le duo de photographes montréalais LM Chabot est une rarissime formation fusionnelle qui performe sur tous les fronts.

When shared

lmchabot.com

LM Chabot

Le duo de photographes montréalais LM Chabot est une rarissime formation fusionnelle qui performe sur tous le…

Back to top ↑

Logo & favicons

Found as: SVG in the header. SVG.

Logo

On white

On black

On Orange Red

Favicons

5 found

310 px · SVG mask-icon
180 px · PNG apple-touch-icon
80 px · PNG favicon.ico
32 px · PNG icon
16 px · PNG icon

LM Chabot

Light browser tab

LM Chabot

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 (#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 24.9%
Black 21%
Orange Red 9.4%
Gold 7.4%
Slate Blue 6%
Medium Sea Green 6%
Blue 5.3%
Medium Slate Blue 4%
Dark Salmon 3.9%
Light Grey 3.7%
Dark Orange 3.5%
Grey 3.1%
Crimson 1.9%

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
—

Text, background, graphic · .wp-block-cover-image-text, ::-moz-selection
Black

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 100

On text
—

On white
21.00:1 AAA

Text, background, graphic · html, theme-color meta tag
Light Grey

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 17

On text
14.03:1 AAA

On white
1.50:1 Fail

Background, border · .c-button, .c-form_input
Grey

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 42

On text
6.92:1 AA

On white
3.03:1 AA large

Border · .wp-block-post-comments input:not([type=submit]), :where(.wp-block-post-comments-form) input:not([type=submit])

Colours

Brand colours and accents, most used first

Orange Red

HEX

RGB

HSL

OKLCH

CMYK
0 76 96 0

On text
5.92:1 AA

On white
3.55:1 AA large

Background, text, graphic · .c-project_title, [data-transition-color="2"] .c-transition_bg
Gold

HEX

RGB

HSL

OKLCH

CMYK
0 18 100 0

On text
14.37:1 AAA

On white
1.46:1 Fail

Background, graphic · .c-transition_bg, [data-transition-color="5"] .c-transition_bg
Slate Blue

HEX

RGB

HSL

OKLCH

CMYK
54 58 0 11

On text
4.37:1 AA large

On white
4.80:1 AA

Background, text · .c-drag::before, .c-download::before
Medium Sea Green

HEX

RGB

HSL

OKLCH

CMYK
100 0 36 29

On text
7.86:1 AAA

On white
2.67:1 Fail

Background, graphic · [data-transition-color="3"] .c-transition_bg, .c-transition_color.-color-3
Blue

HEX

RGB

HSL

OKLCH

CMYK
100 74 0 13

On text
2.69:1 Fail

On white
7.80:1 AAA

Background, graphic, text · .c-accordion_item.-blue::before, [data-transition-color="4"] .c-transition_bg
Medium Slate Blue

HEX

RGB

HSL

OKLCH

CMYK
47 56 0 0

On text
5.81:1 AA

On white
3.62:1 AA large

Background, graphic, text · [data-transition-color="1"] .c-transition_bg, .c-transition_color.-color-1
Dark Salmon

HEX

RGB

HSL

OKLCH

CMYK
0 33 40 9

On text
9.59:1 AAA

On white
2.19:1 Fail

Background · .c-pagination, .c-info
Dark Orange

HEX

RGB

HSL

OKLCH

CMYK
0 40 88 3

On text
9.15:1 AAA

On white
2.30:1 Fail

Background, text · .c-accordion, .c-accordion_item.-orange::before
Crimson

HEX

RGB

HSL

OKLCH

CMYK
0 88 84 11

On text
4.42:1 AA large

On white
4.76:1 AA

Background, text · :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-lastfm, :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-pintere

Gradients

linear-gradient(0deg,#000000b3,#0000004d 70%,#0000)

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.

Fakt

Aa 400

Fakt

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

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

Type scale

From the site’s CSS

Heading 1 2em · 32 px

LM Chabot

Heading 2 2em · 32 px / 1.25

LM Chabot

Paragraph 1.8571428571rem · 30 px / 1

Le duo de photographes montréalais LM Chabot est une rarissime formation fusionnelle qui performe sur tous les fronts.

Small 80%

Le duo de photographes montréalais LM Chabot est une rarissime formation fusionnelle qui performe sur tous les fronts.

Button 100% / normal none

Get started

Sizes in use

Most common across the site

36px3 rules
32pxline 1.25 · 4 rules
24pxline 1.6 · 4 rules
20px3 rules
18px3 rules
16pxline 1.8 · 13 rules
14pxline 1.5 · 5 rules
13px6 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

Link

Read our latest news today.

a · #000000

Corner radius

9999px · 6×
100% · 2×
1.5em · 2×
inherit · 2×
10px · 1×
50% · 1×

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

Breakpoints

499

500

600

699

700

999

1000

1199

On a scale of 0 to 1440 px.

Content widths (max-width)

840 px

494 px

457 px

420 px

360 px

Back to top ↑

Notes

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

Notes

● FineThe title is 9 characters, short enough to show in full in search results.
▲ CheckThe favicon is dark on a see-through background, so it nearly disappears on dark browser tabs.

Back to top ↑

Questions

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

Questions

What font does LM Chabot use?: LM Chabot’s website uses one typeface: Fakt (headings and body text), self-hosted.
What are LM Chabot’s brand colours?: The main colours on lmchabot.com are Orange Red (#FF3D09), Gold (#FFD100), Slate Blue (#6960E2), Medium Sea Green (#00B574), Blue (#003BDF) and Medium Slate Blue (#8870FF).
What colour is LM Chabot’s text and background?: Body text is #000000 on a #FFFFFF background.
Where is LM Chabot’s logo from?: The logo shown in this guide was found on lmchabot.com’s homepage. For official logo files and usage rules, check LM Chabot’s own brand or press page.
Is this LM Chabot’s official style guide?: No. SiteStyleGuide made it from lmchabot.com’s public web pages on 28 October 2026, and isn’t affiliated with LM Chabot. 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

lmchabot-com-tokens.css

Download

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

/* lmchabot.com design tokens, from SiteStyleGuide (https://sitestyleguide.com/lmchabot.com) */
:root {
  /* Colours */
  --text: #000000;
  --background: #FFFFFF;
  --colour-white: #FFFFFF;
  --colour-black: #000000;
  --colour-light-grey: #D3D3D3;
  --colour-grey: #949494;
  --colour-orange-red: #FF3D09;
  --colour-gold: #FFD100;
  --colour-slate-blue: #6960E2;
  --colour-medium-sea-green: #00B574;
  --colour-blue: #003BDF;
  --colour-medium-slate-blue: #8870FF;
  --colour-dark-salmon: #E99C8B;
  --colour-dark-orange: #F7931E;
  --colour-crimson: #E21B24;
  --gradient-1: linear-gradient(0deg,#000000b3,#0000004d 70%,#0000);

  /* Typefaces */
  --font-body: 'Fakt', sans-serif;

  /* Type scale */
  --text-h1: 2em;
  --text-h2: 2em;
  --leading-h2: 1.25;
  --text-p: 1.8571428571rem;
  --leading-p: 1;
  --text-small: 80%;
  --text-button: 100%;
  --leading-button: normal;

  /* Shape */
  --radius-1: 9999px;
  --radius-2: 100%;
  --radius-3: 1.5em;
  --radius-4: inherit;
  --radius-5: 10px;
  --radius-6: 50%;

  /* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
  --breakpoint-1: 499px;
  --breakpoint-2: 500px;
  --breakpoint-3: 600px;
  --breakpoint-4: 699px;
  --breakpoint-5: 700px;
  --breakpoint-6: 999px;
  --breakpoint-7: 1000px;
  --breakpoint-8: 1199px;
  --max-width-1: 840px;
  --max-width-2: 494px;
  --max-width-3: 457px;
  --max-width-4: 420px;
  --max-width-5: 360px;
}

{
    "site": "lmchabot.com",
    "source": "https://sitestyleguide.com/lmchabot.com",
    "text": "#000000",
    "background": "#FFFFFF",
    "colours": [
        {
            "name": "White",
            "hex": "#FFFFFF",
            "rgb": [
                255,
                255,
                255
            ]
        },
        {
            "name": "Black",
            "hex": "#000000",
            "rgb": [
                0,
                0,
                0
            ]
        },
        {
            "name": "Light Grey",
            "hex": "#D3D3D3",
            "rgb": [
                211,
                211,
                211
            ]
        },
        {
            "name": "Grey",
            "hex": "#949494",
            "rgb": [
                148,
                148,
                148
            ]
        },
        {
            "name": "Orange Red",
            "hex": "#FF3D09",
            "rgb": [
                255,
                61,
                9
            ]
        },
        {
            "name": "Gold",
            "hex": "#FFD100",
            "rgb": [
                255,
                209,
                0
            ]
        },
        {
            "name": "Slate Blue",
            "hex": "#6960E2",
            "rgb": [
                105,
                96,
                226
            ]
        },
        {
            "name": "Medium Sea Green",
            "hex": "#00B574",
            "rgb": [
                0,
                181,
                116
            ]
        },
        {
            "name": "Blue",
            "hex": "#003BDF",
            "rgb": [
                0,
                59,
                223
            ]
        },
        {
            "name": "Medium Slate Blue",
            "hex": "#8870FF",
            "rgb": [
                136,
                112,
                255
            ]
        },
        {
            "name": "Dark Salmon",
            "hex": "#E99C8B",
            "rgb": [
                233,
                156,
                139
            ]
        },
        {
            "name": "Dark Orange",
            "hex": "#F7931E",
            "rgb": [
                247,
                147,
                30
            ]
        },
        {
            "name": "Crimson",
            "hex": "#E21B24",
            "rgb": [
                226,
                27,
                36
            ]
        }
    ],
    "fonts": [
        {
            "name": "Fakt",
            "stack": "\"Fakt\", sans-serif",
            "weights": [
                400
            ],
            "source": "Self-hosted"
        }
    ]
}

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 lmchabot.com?

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/lmchabot.com" title="LM Chabot 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 ↑

LM Chabotstyle guide

Title &
description

Logo

Favicons

Colour

Balance

Neutrals

White

Black

Light Grey

Grey

Colours

Orange Red

Gold

Slate Blue

Medium Sea Green

Blue

Medium Slate Blue

Dark Salmon

Dark Orange

Crimson

Gradients

Fakt

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Flipboard

【58同城 58.com】北京分类信息

YouGlish

博客园

microdot.vision

LM Chabotstyle guide

Title &description

Logo

Favicons

Colour

Balance

Neutrals

White

Black

Light Grey

Grey

Colours

Orange Red

Gold

Slate Blue

Medium Sea Green

Blue

Medium Slate Blue

Dark Salmon

Dark Orange

Crimson

Gradients

Fakt

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Share

Run lmchabot.com?

Also set in Fakt

Flipboard

Similar colours

【58同城 58.com】北京分类信息

YouGlish

博客园

microdot.vision

Title &
description