What font does Savvy Savers use?

Savvy Savers’s website uses four typefaces: Open Sans (headings and body text), google Fonts; ETmodules, self-hosted; Roboto, google Fonts; Dosis, google Fonts.

What are Savvy Savers’s brand colours?

The main colours on savvysavers.com.au are Deep Sky Blue (#16B5E5), Dodger Blue (#2EA3F2), Light Sky Blue (#33CCFF), Steel Blue (#0073AA), Fire Brick (#AA0000) and Blue Violet (#720EEC).

What colour is Savvy Savers’s text and background?

Body text is #FFFFFF on a #FFFFFF background.

Where is Savvy Savers’s logo from?

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

Is this Savvy Savers’s official style guide?

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

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

Unofficial style guide

Savvy Saversstyle guide

Savvy Savers’s website (savvysavers.com.au) uses Open Sans for its headings and body text. Its palette is led by Deep Sky Blue (#16B5E5), Dodger Blue (#2EA3F2) and Light Sky Blue (#33CCFF), with #FFFFFF text on #FFFFFF. Captured from the live site on 23 October 2026.

Website: savvysavers.com.au
Typefaces: Open Sans, ETmodules, Roboto
Palette: 4 neutrals, 12 colours, 3 gradients
Captured: 23 Oct 2026 · added by @bostiq

Save1 Add to collection Share Report

Screenshot of the savvysavers.com.au homepage on a desktop screen — Screenshot of savvysavers.com.au on a 1440 px desktop screen, 23 Oct 2026.

Screenshot of the savvysavers.com.au 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: Home Renovation Products | Adelaide; ● 35 / 60 characters
Meta description: Home renovation products in Adelaide, solid mid range quality at the best prices for your kitchen, bedroom, bathroom and outdoor needs.; ● 135 / 160 characters
Site name: Savvy Savers
og:title: Home Renovation Products | Adelaide
og:description: Home renovation products in Adelaide, solid mid range quality at the best prices for your kitchen, bedroom, bathroom and outdoor needs.
Language: en-AU

In search results

Savvy Savershttps://www.savvysavers.com.au/

Home Renovation Products | Adelaide

Home renovation products in Adelaide, solid mid range quality at the best prices for your kitchen, bedroom, bathroom and outdoor needs.

When shared

The image Savvy Savers shares with links

savvysavers.com.au

Home Renovation Products | Adelaide

Home renovation products in Adelaide, solid mid range quality at the best prices for your kitchen, bedroom, b…

Logo & favicons

Found as: image in the header. PNG, 280 × 87.

Logo

On white

On black

On Deep Sky Blue

Favicons

3 found

192 px · JPG icon
180 px · JPG apple-touch-icon
32 px · JPG icon

Home Renovation Products | Adelaide

Light browser tab

Home Renovation Products | Adelaide

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

Colour

Balance

How much each colour is used

White 45.7%
Deep Sky Blue 10.9%
Dodger Blue 9.9%
Black 5.7%
Dark Grey 5.7%
Off White 5.6%
Light Sky Blue 2.4%
Steel Blue 2.1%
Fire Brick 1.9%
Blue Violet 1.9%
Tomato 1.6%
Slate Blue 1.6%
Deep Steel Blue 1.5%
Antique White 1.2%
Light Steel Blue 1.2%
Olive 1.2%

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
—

On white
—

Text, background, border · body, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respon
Black

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 100

On text
21.00:1 AAA

On white
21.00:1 AAA

Background, text, border · .woocommerce nav.woocommerce-pagination ul li a, nav#top-menu-nav ul#top-menu li:hover
Dark Grey

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 60

On text
5.74:1 AA

On white
5.74:1 AA

Text · body, #footer-info
Off White

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 7

On text
1.16:1 Fail

On white
1.16:1 Fail

Background, text, border · .et_bloom .zigzag_edge.et_bloom_form_right .et_bloom_form_content:before, .woocommerce-page .media-frame button.button-hero:active

Colours

Brand colours and accents, most used first

Deep Sky Blue

HEX

RGB

HSL

OKLCH

CMYK
90 21 0 10

On text
2.39:1 Fail

On white
2.39:1 Fail

Text, background, border · .et_pb_counter_amount, .woocommerce #respond input#submit
Dodger Blue

HEX

RGB

HSL

OKLCH

CMYK
81 33 0 5

On text
2.75:1 Fail

On white
2.75:1 Fail

Text, background, border · .footer-widget h4, .nav-single a
Light Sky Blue

HEX

RGB

HSL

OKLCH

CMYK
80 20 0 0

On text
1.87:1 Fail

On white
1.87:1 Fail

Text, border · .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span.current
Steel Blue

HEX

RGB

HSL

OKLCH

CMYK
100 32 0 33

On text
5.21:1 AA

On white
5.21:1 AA

Background, border · #main-header, .woocommerce-page .media-frame button.button-primary:active
Fire Brick

HEX

RGB

HSL

OKLCH

CMYK
0 100 100 33

On text
7.75:1 AAA

On white
7.75:1 AAA

Text, border, background · --wc-red, .woocommerce #content table.cart td.actions .coupon .coupon-error-notice
Blue Violet

HEX

RGB

HSL

OKLCH

CMYK
52 94 0 7

On text
7.02:1 AAA

On white
7.02:1 AAA

Background, border · --woocommerce, --wc-primary
Tomato

HEX

RGB

HSL

OKLCH

CMYK
0 69 76 3

On text
3.43:1 AA large

On white
3.43:1 AA large

Background, text, border · .et_bloom .et_bloom_optin .et_bloom_border_letter, .et_bloom .et_bloom_optin .breakout_edge.et_bloom_border_letter .et_bloom_header
Slate Blue

HEX

RGB

HSL

OKLCH

CMYK
29 53 0 30

On text
5.50:1 AA

On white
5.50:1 AA

Background · .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respon, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle
Deep Steel Blue

HEX

RGB

HSL

OKLCH

CMYK
100 33 0 40

On text
6.18:1 AA

On white
6.18:1 AA

Border · .woocommerce-page .media-frame button.button-primary, .woocommerce-page .media-frame button.button-primary:hover
Antique White

HEX

RGB

HSL

OKLCH

CMYK
0 6 14 2

On text
1.17:1 Fail

On white
1.17:1 Fail

Text · .woocommerce table.shop_table, .woocommerce table.shop_table td
Light Steel Blue

HEX

RGB

HSL

OKLCH

CMYK
100 28 0 27

On text
4.15:1 AA large

On white
4.15:1 AA large

Background, border, text · .woocommerce-page .media-frame button.button-primary, .woocommerce form .form-row .woocommerce-input-wrapper .description
Olive

HEX

RGB

HSL

OKLCH

CMYK
0 5 94 42

On text
3.41:1 AA large

On white
3.41:1 AA large

Text, background · --wc-highlight, .woocommerce span.onsale

Gradients

linear-gradient(180deg, #0c71c3 0%, rgba(12, 113, 195, 0) 100%)
linear-gradient( 135deg, #4fa8ed, #4fa8ed 10px, #fff 10px, #fff 20px, #f84d3b 20px, #f84d3b 30px, #fff 30px, #fff 40px )
linear-gradient(45deg, transparent 33.33%, #e9e9e9 33.333%, #e9e9e9 66.66%, transparent 66.66%), linear-gradient(-45deg, transparent 33.33%, #e9e9e9 33.33%, #e9e9e9 66.66%, transparent 66.66%)

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.

Open Sans

Aa 300 Aa 800

Open Sans

Google Fonts · weights 300, 400, 500, 600, 700, 800 · headings, buttons, body

Aa 400 Aa 800

ETmodules

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

Aa 100 Aa 900

Roboto

Google Fonts · weights 100, 300, 400, 500, 700, 900 · headings

Aa 200 Aa 800

Dosis

Google Fonts · weights 200, 300, 400, 500, 600, 700, 800 · body

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

Type scale

From the site’s CSS

Heading 1 30px / 1em weight 500 · Roboto

Savvy Savers

Heading 2 26px / 1em weight 500 · Roboto

Home Renovation Products | Adelaide

Heading 3 22px / 1em weight 500 · Roboto

Home Renovation Products | Adelaide

Heading 4 18px / 1em weight 500 · Roboto

Home Renovation Products | Adelaide

Heading 5 16px / 1em weight 500 · Roboto

Home Renovation Products | Adelaide

Heading 6 14px / 1em weight 500 · Roboto

Home Renovation Products | Adelaide

Body 25px / 1.7em weight 500 · Dosis

Home renovation products in Adelaide, solid mid range quality at the best prices for your kitchen, bedroom, bathroom and outdoor needs.

Paragraph 100%

Home renovation products in Adelaide, solid mid range quality at the best prices for your kitchen, bedroom, bathroom and outdoor needs.

Small 100%

Home renovation products in Adelaide, solid mid range quality at the best prices for your kitchen, bedroom, bathroom and outdoor needs.

Button 14px / 21px weight 600 · uppercase · Open Sans

Get started

Link 100%

Sizes in use

Most common across the site

32pxline 1 · 11 rules
24pxline 1 · 7 rules
20pxline 0 · 15 rules
18px8 rules
16pxline 1 · 37 rules
14pxline 1.5 · 50 rules
13pxline 52px · 9 rules
12pxline 1.25 · 12 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

.et_bloom .et_bloom_form_content button · #46C8C8

Link

Read our latest news today.

a · #2EA3F2

Corner radius

3px · 13×
5px · 9×
100% · 6×
50px · 6×
50% · 5×
4px · 4×

Shadows

0 0 0 3px -moz-mac-focusring
0 0 0 3px -webkit-focus-ring-color
0 0 0 3px Highlight
15px 15px 5px 0px rgba(0,0,0,.75)

Layout

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

Grid

Breakpoints

479

673

767

768

782

980

981

1040

On a scale of 0 to 1440 px.

Content widths (max-width)

1600 px

1080 px

680 px

640 px

600 px

474 px

Notes

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

Notes

● FineThe title is 35 characters, short enough to show in full in search results.
▲ CheckBody text (#FFFFFF on #FFFFFF) has a contrast of 1.00: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 Savvy Savers use?: Savvy Savers’s website uses four typefaces: Open Sans (headings and body text), google Fonts; ETmodules, self-hosted; Roboto, google Fonts; Dosis, google Fonts.
What are Savvy Savers’s brand colours?: The main colours on savvysavers.com.au are Deep Sky Blue (#16B5E5), Dodger Blue (#2EA3F2), Light Sky Blue (#33CCFF), Steel Blue (#0073AA), Fire Brick (#AA0000) and Blue Violet (#720EEC).
What colour is Savvy Savers’s text and background?: Body text is #FFFFFF on a #FFFFFF background.
Where is Savvy Savers’s logo from?: The logo shown in this guide was found on savvysavers.com.au’s homepage. For official logo files and usage rules, check Savvy Savers’s own brand or press page.
Is this Savvy Savers’s official style guide?: No. SiteStyleGuide made it from savvysavers.com.au’s public web pages on 23 October 2026, and isn’t affiliated with Savvy Savers. 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

savvysavers-com-au-tokens.css

Download

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

/* savvysavers.com.au design tokens, from SiteStyleGuide (https://sitestyleguide.com/savvysavers.com.au) */
:root {
  /* Colours */
  --text: #FFFFFF;
  --background: #FFFFFF;
  --colour-white: #FFFFFF;
  --colour-black: #000000;
  --colour-dark-grey: #666666;
  --colour-off-white: #EEEEEE;
  --colour-deep-sky-blue: #16B5E5;
  --colour-dodger-blue: #2EA3F2;
  --colour-light-sky-blue: #33CCFF;
  --colour-steel-blue: #0073AA;
  --colour-fire-brick: #AA0000;
  --colour-blue-violet: #720EEC;
  --colour-tomato: #F84D3B;
  --colour-slate-blue: #7F54B3;
  --colour-deep-steel-blue: #006799;
  --colour-antique-white: #FAEBD7;
  --colour-light-steel-blue: #0085BA;
  --colour-olive: #958E09;
  --gradient-1: linear-gradient(180deg, #0c71c3 0%, rgba(12, 113, 195, 0) 100%);
  --gradient-2: linear-gradient( 135deg, #4fa8ed, #4fa8ed 10px, #fff 10px, #fff 20px, #f84d3b 20px, #f84d3b 30px, #fff 30px, #fff 40px );
  --gradient-3: linear-gradient(45deg, transparent 33.33%, #e9e9e9 33.333%, #e9e9e9 66.66%, transparent 66.66%), linear-gradient(-45deg, transparent 33.33%, #e9e9e9 33.33%, #e9e9e9 66.66%, transparent 66.66%);

  /* Typefaces */
  --font-headings: 'Open Sans';
  --font-buttons: 'Open Sans';
  --font-body: 'Open Sans';

  /* Type scale */
  --text-h1: 30px;
  --leading-h1: 1em;
  --text-h2: 26px;
  --leading-h2: 1em;
  --text-h3: 22px;
  --leading-h3: 1em;
  --text-h4: 18px;
  --leading-h4: 1em;
  --text-h5: 16px;
  --leading-h5: 1em;
  --text-h6: 14px;
  --leading-h6: 1em;
  --text-body: 25px;
  --leading-body: 1.7em;
  --text-p: 100%;
  --text-small: 100%;
  --text-button: 14px;
  --leading-button: 21px;
  --text-a: 100%;

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

  /* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
  --breakpoint-1: 479px;
  --breakpoint-2: 673px;
  --breakpoint-3: 767px;
  --breakpoint-4: 768px;
  --breakpoint-5: 782px;
  --breakpoint-6: 980px;
  --breakpoint-7: 981px;
  --breakpoint-8: 1040px;
  --max-width-1: 1600px;
  --max-width-2: 1080px;
  --max-width-3: 680px;
  --max-width-4: 640px;
  --max-width-5: 600px;
  --max-width-6: 474px;
}

{
    "site": "savvysavers.com.au",
    "source": "https://sitestyleguide.com/savvysavers.com.au",
    "text": "#FFFFFF",
    "background": "#FFFFFF",
    "colours": [
        {
            "name": "White",
            "hex": "#FFFFFF",
            "rgb": [
                255,
                255,
                255
            ]
        },
        {
            "name": "Black",
            "hex": "#000000",
            "rgb": [
                0,
                0,
                0
            ]
        },
        {
            "name": "Dark Grey",
            "hex": "#666666",
            "rgb": [
                102,
                102,
                102
            ]
        },
        {
            "name": "Off White",
            "hex": "#EEEEEE",
            "rgb": [
                238,
                238,
                238
            ]
        },
        {
            "name": "Deep Sky Blue",
            "hex": "#16B5E5",
            "rgb": [
                22,
                181,
                229
            ]
        },
        {
            "name": "Dodger Blue",
            "hex": "#2EA3F2",
            "rgb": [
                46,
                163,
                242
            ]
        },
        {
            "name": "Light Sky Blue",
            "hex": "#33CCFF",
            "rgb": [
                51,
                204,
                255
            ]
        },
        {
            "name": "Steel Blue",
            "hex": "#0073AA",
            "rgb": [
                0,
                115,
                170
            ]
        },
        {
            "name": "Fire Brick",
            "hex": "#AA0000",
            "rgb": [
                170,
                0,
                0
            ]
        },
        {
            "name": "Blue Violet",
            "hex": "#720EEC",
            "rgb": [
                114,
                14,
                236
            ]
        },
        {
            "name": "Tomato",
            "hex": "#F84D3B",
            "rgb": [
                248,
                77,
                59
            ]
        },
        {
            "name": "Slate Blue",
            "hex": "#7F54B3",
            "rgb": [
                127,
                84,
                179
            ]
        },
        {
            "name": "Deep Steel Blue",
            "hex": "#006799",
            "rgb": [
                0,
                103,
                153
            ]
        },
        {
            "name": "Antique White",
            "hex": "#FAEBD7",
            "rgb": [
                250,
                235,
                215
            ]
        },
        {
            "name": "Light Steel Blue",
            "hex": "#0085BA",
            "rgb": [
                0,
                133,
                186
            ]
        },
        {
            "name": "Olive",
            "hex": "#958E09",
            "rgb": [
                149,
                142,
                9
            ]
        }
    ],
    "fonts": [
        {
            "name": "Open Sans",
            "stack": "\"Open Sans\"",
            "weights": [
                300,
                400,
                500,
                600,
                700,
                800
            ],
            "source": "Google Fonts"
        },
        {
            "name": "ETmodules",
            "stack": "ETmodules",
            "weights": [
                400,
                800
            ],
            "source": "Self-hosted"
        },
        {
            "name": "Roboto",
            "stack": "\"Roboto\"",
            "weights": [
                100,
                300,
                400,
                500,
                700,
                900
            ],
            "source": "Google Fonts"
        },
        {
            "name": "Dosis",
            "stack": "'Dosis', Helvetica, Arial, Lucida, sans-serif",
            "weights": [
                200,
                300,
                400,
                500,
                600,
                700,
                800
            ],
            "source": "Google Fonts"
        },
        {
            "name": "ET-Bloom",
            "stack": "'ET-Bloom'",
            "weights": [
                400
            ],
            "source": "Self-hosted"
        }
    ]
}

Other websites using Open Sans as their main typeface

Canva

canva.com · set in Open Sans
Save1
Chase.com

chase.com · set in Open Sans
Save
Interia

interia.pl · set in Open Sans
Save
آپارات

aparat.com · set in Open Sans
Save

Websites whose lead colour is closest to Savvy Savers’s

HBO

hbo.com · 2 days ago
Save
Sketchfab

sketchfab.com · 4 days ago
Save
Sketchfab

skfb.ly · 4 days ago
Save
reacts.ru

reacts.ru · 6 days ago
Save

Captured from savvysavers.com.au on 23 October 2026. SiteStyleGuide isn’t affiliated with or endorsed by Savvy Savers; this guide describes the public website for reference.

Savvy Saversstyle guide

Title &description

Logo

Favicons

Colour

Balance

Neutrals

White

Black

Dark Grey

Off White

Colours

Deep Sky Blue

Dodger Blue

Light Sky Blue

Steel Blue

Fire Brick

Blue Violet

Tomato

Slate Blue

Deep Steel Blue

Antique White

Light Steel Blue

Olive

Gradients

Open Sans

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Share

Run savvysavers.com.au?

Also set in Open Sans

Canva

Chase.com

Interia

آپارات

Similar colours

HBO

Sketchfab

Sketchfab

reacts.ru

Title &
description