What font does Fresha use?

Fresha’s website uses two typefaces: Roobert (headings and body text), self-hosted; Tartuffo, self-hosted.

What are Fresha’s brand colours?

The main colours on fresha.com are Light Slate Blue (#6950F3), Dark Slate Blue (#403591), Crimson (#D4163A), Forest Green (#1F8900), Royal Blue (#2D76EC) and Deep Slate Blue (#5C4ACE).

What colour is Fresha’s text and background?

Body text is #0D0D0D on a #FFFFFF background.

Where is Fresha’s logo from?

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

Is this Fresha’s official style guide?

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

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

Unofficial style guide

Freshastyle guide

Fresha’s website (fresha.com) uses Roobert for its headings and body text. Its palette is led by Light Slate Blue (#6950F3), Dark Slate Blue (#403591) and Crimson (#D4163A), with #0D0D0D text on #FFFFFF. Captured from the live site on 21 October 2026.

Website: fresha.com
Typefaces: Roobert, Tartuffo
Palette: 4 neutrals, 12 colours, 3 gradients
Captured: 21 Oct 2026 · added by @sitestyleguide

Save Add to collection Share Report

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

Screenshot of the fresha.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: Fresha - Instantly book salons and spas nearby; ● 46 / 60 characters
Meta description: Find the best salons and spa in your area with Fresha salon booking software. Book now!; ● 87 / 160 characters
Site name: Fresha - Instantly book salons and spas nearby
Language: en-US

In search results

Fresha - Instantly book salons and spas nearbyhttps://www.fresha.com/

Fresha - Instantly book salons and spas nearby

Find the best salons and spa in your area with Fresha salon booking software. Book now!

When shared

No og:image, so no picture

fresha.com

Fresha - Instantly book salons and spas nearby

Find the best salons and spa in your area with Fresha salon booking software. Book now!

Logo & favicons

Found as: schema.org logo. PNG, 656 × 192.

Logo

On white

On black

On Light Slate Blue

Favicons

7 found

192 px · PNG manifest
180 px · PNG apple-touch-icon
144 px · PNG icon
128 px · PNG manifest
96 px · PNG icon
48 px · ICO icon
48 px · PNG icon

Fresha - Instantly book salons and spas nearby

Light browser tab

Fresha - Instantly book salons and spas nearby

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 (#0D0D0D) and white, using WCAG 2 ratios: 4.5 for body text, 3 for large text.

Colour

Balance

How much each colour is used

White 34.3%
Near Black 12.9%
Light Slate Blue 8%
Deep Cool Off White 7.1%
Dark Slate Blue 4.9%
Light Cool Off White 4.1%
Crimson 3.9%
Forest Green 3.6%
Royal Blue 3.4%
Deep Slate Blue 3.4%
Maroon 2.7%
Chocolate 2.7%
Corn Silk 2.4%
Dark Green 2.4%
Brown 2.2%
Light Steel Blue 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
19.44:1 AAA

On white
—

Background, text, border · html, --bbJNVh
Near Black

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 95

On text
—

On white
19.44:1 AAA

Text, background, border · :root, --dGlflx
Deep Cool Off White

HEX

RGB

HSL

OKLCH

CMYK
4 2 0 9

On text
15.04:1 AAA

On white
1.29:1 Fail

Background, border, text · --enmSbt, --iASHeZ
Light Cool Off White

HEX

RGB

HSL

OKLCH

CMYK
6 6 0 0

On text
17.23:1 AAA

On white
1.13:1 Fail

Background, border, text · .bg_background\.accentFaded, .bg-c_background\.accentFaded

Colours

Brand colours and accents, most used first

Light Slate Blue

HEX

RGB

HSL

OKLCH

CMYK
57 67 0 5

On text
3.74:1 AA large

On white
5.20:1 AA

Background, text, border · --sAejN, --yYcsX
Dark Slate Blue

HEX

RGB

HSL

OKLCH

CMYK
56 63 0 43

On text
1.98:1 Fail

On white
9.83:1 AAA

Background, text, border · --VleUF, --hzawoD
Crimson

HEX

RGB

HSL

OKLCH

CMYK
0 90 73 17

On text
3.68:1 AA large

On white
5.28:1 AA

Text, background, border · --Kmsjk, .bg-c_background\.danger
Forest Green

HEX

RGB

HSL

OKLCH

CMYK
77 0 100 46

On text
4.29:1 AA large

On white
4.53:1 AA

Background, text, border · --iHmITQ, --gyITlG
Royal Blue

HEX

RGB

HSL

OKLCH

CMYK
81 50 0 7

On text
4.55:1 AA

On white
4.27:1 AA large

Background, text · --jZulrN, --cCkWff
Deep Slate Blue

HEX

RGB

HSL

OKLCH

CMYK
55 64 0 19

On text
3.08:1 AA large

On white
6.31:1 AA

Background, border, text · --jZbtWT, --vIrGh
Maroon

HEX

RGB

HSL

OKLCH

CMYK
0 85 73 49

On text
1.93:1 Fail

On white
10.08:1 AAA

Background, border, text · --egDieI, --eJqsci
Chocolate

HEX

RGB

HSL

OKLCH

CMYK
0 52 94 28

On text
4.06:1 AA large

On white
4.79:1 AA

Background, text · --ixnasN, --idmfyD
Corn Silk

HEX

RGB

HSL

OKLCH

CMYK
0 3 14 0

On text
18.12:1 AAA

On white
1.07:1 Fail

Background, border · .bg-c_background\.warningFaded, .bg-c_custom\.orange\.50
Dark Green

HEX

RGB

HSL

OKLCH

CMYK
61 0 79 67

On text
2.17:1 Fail

On white
8.97:1 AAA

Background, text · --jHhtno, --gjmXNe
Brown

HEX

RGB

HSL

OKLCH

CMYK
0 90 73 27

On text
3.00:1 AA large

On white
6.47:1 AA

Background, border, text · --cgAzhC, --bbWeVg
Light Steel Blue

HEX

RGB

HSL

OKLCH

CMYK
30 30 0 1

On text
9.77:1 AAA

On white
1.99:1 Fail

Background · --isPSYa, --dyHHgT

Gradients

linear-gradient(to right, #f5f5f5, transparent)
linear-gradient(to left, #f5f5f5, transparent)
linear-gradient(to left, transparent, )

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.

Roobert

Aa 400 Aa 700

Roobert

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

Aa 400 Aa 700

Tartuffo

Self-hosted · weights 400, 500, 700 · 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

Fresha

Heading 2 24px / 32px weight 600 · Roobert

Fresha - Instantly book salons and spas nearby

Body — Roobert

Find the best salons and spa in your area with Fresha salon booking software. Book now!

Paragraph 16px / 22px weight 400 · Roobert

Find the best salons and spa in your area with Fresha salon booking software. Book now!

Small 80%

Find the best salons and spa in your area with Fresha salon booking software. Book now!

Button 100% / 1.15 none

Get started

Sizes in use

Most common across the site

40pxline 44px · 5 rules
28pxline 36px · 3 rules
24pxline 32px · 5 rules
22pxline 28px · 6 rules
16pxline 22px · 10 rules
14pxline 20px · 8 rules
13pxline 16px · 5 rules
11pxline 12px · 3 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

16px · 7×
8px · 6×
12px · 6×
999px · 5×
4px · 4×
24px · 3×

Shadows

0 2px 8px 0 #13131314, 0 4px 20px 0 #1313131f
0 0 0 2px #fff, 0 0 0 4px #0d0d0d
0 0 12px 0 #dbddff
0 2px 4px 0 #1313131f

Layout

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

Grid

Breakpoints

512

768

1024

1280

1440

1920

On a scale of 0 to 1920 px.

Notes

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

Notes

● FineThe title is 46 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 Fresha use?: Fresha’s website uses two typefaces: Roobert (headings and body text), self-hosted; Tartuffo, self-hosted.
What are Fresha’s brand colours?: The main colours on fresha.com are Light Slate Blue (#6950F3), Dark Slate Blue (#403591), Crimson (#D4163A), Forest Green (#1F8900), Royal Blue (#2D76EC) and Deep Slate Blue (#5C4ACE).
What colour is Fresha’s text and background?: Body text is #0D0D0D on a #FFFFFF background.
Where is Fresha’s logo from?: The logo shown in this guide was found on fresha.com’s homepage. For official logo files and usage rules, check Fresha’s own brand or press page.
Is this Fresha’s official style guide?: No. SiteStyleGuide made it from fresha.com’s public web pages on 21 October 2026, and isn’t affiliated with Fresha. 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

fresha-com-tokens.css

Download

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

/* fresha.com design tokens, from SiteStyleGuide (https://sitestyleguide.com/fresha.com) */
:root {
  /* Colours */
  --text: #0D0D0D;
  --background: #FFFFFF;
  --colour-white: #FFFFFF;
  --colour-near-black: #0D0D0D;
  --colour-deep-cool-off-white: #DEE3E7;
  --colour-light-cool-off-white: #F0F0FF;
  --colour-light-slate-blue: #6950F3;
  --colour-dark-slate-blue: #403591;
  --colour-crimson: #D4163A;
  --colour-forest-green: #1F8900;
  --colour-royal-blue: #2D76EC;
  --colour-deep-slate-blue: #5C4ACE;
  --colour-maroon: #831324;
  --colour-chocolate: #B7570B;
  --colour-corn-silk: #FFF7DB;
  --colour-dark-green: #215412;
  --colour-brown: #BB1232;
  --colour-light-steel-blue: #B0B1FD;
  --gradient-1: linear-gradient(to right, #f5f5f5, transparent);
  --gradient-2: linear-gradient(to left, #f5f5f5, transparent);
  --gradient-3: linear-gradient(to left, transparent, );

  /* Typefaces */
  --font-headings: 'Roobert', 'AktivGroteskVF', sans-serif;
  --font-body: 'Roobert', 'AktivGroteskVF', sans-serif;
  --font-other: 'Tartuffo', 'Changa', 'PlayfairDisplay', serif;

  /* Type scale */
  --text-h1: 2em;
  --text-h2: 24px;
  --leading-h2: 32px;
  --text-p: 16px;
  --leading-p: 22px;
  --text-small: 80%;
  --text-button: 100%;
  --leading-button: 1.15;

  /* Shape */
  --radius-1: 16px;
  --radius-2: 8px;
  --radius-3: 12px;
  --radius-4: 999px;
  --radius-5: 4px;
  --radius-6: 24px;

  /* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
  --breakpoint-1: 512px;
  --breakpoint-2: 768px;
  --breakpoint-3: 1024px;
  --breakpoint-4: 1280px;
  --breakpoint-5: 1440px;
  --breakpoint-6: 1920px;
}

{
    "site": "fresha.com",
    "source": "https://sitestyleguide.com/fresha.com",
    "text": "#0D0D0D",
    "background": "#FFFFFF",
    "colours": [
        {
            "name": "White",
            "hex": "#FFFFFF",
            "rgb": [
                255,
                255,
                255
            ]
        },
        {
            "name": "Near Black",
            "hex": "#0D0D0D",
            "rgb": [
                13,
                13,
                13
            ]
        },
        {
            "name": "Deep Cool Off White",
            "hex": "#DEE3E7",
            "rgb": [
                222,
                227,
                231
            ]
        },
        {
            "name": "Light Cool Off White",
            "hex": "#F0F0FF",
            "rgb": [
                240,
                240,
                255
            ]
        },
        {
            "name": "Light Slate Blue",
            "hex": "#6950F3",
            "rgb": [
                105,
                80,
                243
            ]
        },
        {
            "name": "Dark Slate Blue",
            "hex": "#403591",
            "rgb": [
                64,
                53,
                145
            ]
        },
        {
            "name": "Crimson",
            "hex": "#D4163A",
            "rgb": [
                212,
                22,
                58
            ]
        },
        {
            "name": "Forest Green",
            "hex": "#1F8900",
            "rgb": [
                31,
                137,
                0
            ]
        },
        {
            "name": "Royal Blue",
            "hex": "#2D76EC",
            "rgb": [
                45,
                118,
                236
            ]
        },
        {
            "name": "Deep Slate Blue",
            "hex": "#5C4ACE",
            "rgb": [
                92,
                74,
                206
            ]
        },
        {
            "name": "Maroon",
            "hex": "#831324",
            "rgb": [
                131,
                19,
                36
            ]
        },
        {
            "name": "Chocolate",
            "hex": "#B7570B",
            "rgb": [
                183,
                87,
                11
            ]
        },
        {
            "name": "Corn Silk",
            "hex": "#FFF7DB",
            "rgb": [
                255,
                247,
                219
            ]
        },
        {
            "name": "Dark Green",
            "hex": "#215412",
            "rgb": [
                33,
                84,
                18
            ]
        },
        {
            "name": "Brown",
            "hex": "#BB1232",
            "rgb": [
                187,
                18,
                50
            ]
        },
        {
            "name": "Light Steel Blue",
            "hex": "#B0B1FD",
            "rgb": [
                176,
                177,
                253
            ]
        }
    ],
    "fonts": [
        {
            "name": "Roobert",
            "stack": "Roobert, AktivGroteskVF, sans-serif",
            "weights": [
                400,
                500,
                600,
                700
            ],
            "source": "Self-hosted"
        },
        {
            "name": "Tartuffo",
            "stack": "Tartuffo, Changa, PlayfairDisplay, serif",
            "weights": [
                400,
                500,
                700
            ],
            "source": "Self-hosted"
        }
    ]
}

Other websites using Roobert as their main typeface

RedLight

redlight.dev · set in Roobert
Save
Twitch

twitch.tv · set in Roobert
Save

Websites whose lead colour is closest to Fresha’s

NCERT Solutions

pw.live · 5 days ago
Save
gettyimages.it

gettyimages.it · 4 days ago
Save
gettyimages.es

gettyimages.es · 5 days ago
Save
Vanmiu Beauty

vanmiubeauty.com · 5 days ago
Save

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

Freshastyle guide

Title &description

Logo

Favicons

Colour

Balance

Neutrals

White

Near Black

Deep Cool Off White

Light Cool Off White

Colours

Light Slate Blue

Dark Slate Blue

Crimson

Forest Green

Royal Blue

Deep Slate Blue

Maroon

Chocolate

Corn Silk

Dark Green

Brown

Light Steel Blue

Gradients

Roobert

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Share

Run fresha.com?

Also set in Roobert

RedLight

Twitch

Similar colours

NCERT Solutions

gettyimages.it

gettyimages.es

Vanmiu Beauty

Title &
description