What font does GetResponse use?

GetResponse’s website uses three typefaces: Rubik (headings), served from us-wn-g.gr-cdn.com; RobotoFlex (body text), served from us-wn-g.gr-cdn.com; Pixelify Sans, served from us-wn-g.gr-cdn.com.

What are GetResponse’s brand colours?

The main colours on getresponse.com are Light Dodger Blue (#00A2FF), Deep Sky Blue (#00BAFF), Light Orange Red (#FC5B1A), Deep Orange Red (#DE4D14), Light Gold (#FBE30C) and Coral (#FD733C).

What colour is GetResponse’s text and background?

Body text is #000000 on a #FFFFFF background.

Where is GetResponse’s logo from?

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

Is this GetResponse’s official style guide?

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

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

Unofficial style guide

GetResponsestyle guide

GetResponse’s website (getresponse.com) sets its headings in Rubik and its body text in RobotoFlex. Its palette is led by Light Dodger Blue (#00A2FF), Deep Sky Blue (#00BAFF) and Light Orange Red (#FC5B1A), with #000000 text on #FFFFFF. Captured from the live site on 31 October 2026.

Website: getresponse.com
Typefaces: Rubik, RobotoFlex, Pixelify Sans
Palette: 4 neutrals, 12 colours, 3 gradients
Captured: 31 Oct 2026 · added by @sitestyleguide

Save Add to collection Share Report

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

Screenshot of the getresponse.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: Automation, Landing Pages and Email Marketing Platform; ● 54 / 60 characters
Meta description: Unlock your revenue potential with GetResponse's marketing software. Automate sales, track revenue, and convert leads into loyal customers with ease.; ● 149 / 160 characters
Site name: GetResponse
og:title: Automation, Landing Pages and Email Marketing Platform
og:description: Unlock your revenue potential with GetResponse's marketing software. Automate sales, track revenue, and convert leads into loyal customers with ease.
Language: en
Theme colour: #ffffff

In search results

GetResponsehttps://www.getresponse.com/

Automation, Landing Pages and Email Marketing Platform

Unlock your revenue potential with GetResponse's marketing software. Automate sales, track revenue, and convert leads into loyal customers with ease.

When shared

getresponse.com

Automation, Landing Pages and Email Marketing Platform

Unlock your revenue potential with GetResponse's marketing software. Automate sales, track revenue, and conve…

Logo & favicons

Found as: schema.org logo. PNG, 698 × 444.

Logo

On white

On black

On Light Dodger Blue

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

Automation, Landing Pages and Email Marketing Platform

Light browser tab

Automation, Landing Pages and Email Marketing Platform

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 30.6%
Black 24.5%
Light Dodger Blue 15.2%
Deep Sky Blue 5.5%
Light Orange Red 4.6%
Deep Orange Red 3.2%
Light Gold 3.1%
Coral 2.7%
Cool Charcoal 2.3%
Cool Near Black 1.8%
Gold 1.7%
Deep Dodger Blue 1.3%
Medium Sea Green 1%
Steel Blue 0.9%
Black 0.8%
Deep Gold 0.8%

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, border · .Button_disabled__Puphs, .Button_black__lf5bQ
Black

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 100

On text
—

On white
21.00:1 AAA

Text, background, border · .Button_black__lf5bQ, .Button_max-black__J3Xt1
Cool Charcoal

HEX

RGB

HSL

OKLCH

CMYK
33 19 0 81

On text
1.39:1 Fail

On white
15.06:1 AAA

Text · .FeaturesInLine_list__Wm1gP h3 a, .Button_yellow__qMHKw
Cool Near Black

HEX

RGB

HSL

OKLCH

CMYK
41 24 0 89

On text
1.16:1 Fail

On white
18.16:1 AAA

Text, background · .MenuGroup_group__NJExa>a, .MenuItem_item__MmCYd>a

Colours

Brand colours and accents, most used first

Light Dodger Blue

HEX

RGB

HSL

OKLCH

CMYK
100 36 0 0

On text
7.61:1 AAA

On white
2.76:1 Fail

Text, background, border · .Button_blue__R7zO8, .Button_blue-yellow__rHe_Q
Deep Sky Blue

HEX

RGB

HSL

OKLCH

CMYK
100 27 0 0

On text
9.47:1 AAA

On white
2.22:1 Fail

Text, background, border · .Button_blue__nbGzQ, .Button_btn__EivUB
Light Orange Red

HEX

RGB

HSL

OKLCH

CMYK
0 64 90 1

On text
6.65:1 AA

On white
3.16:1 AA large

Background, text, border · .Button_max-orange__aeI2E, .Button_max-orange__6rifX
Deep Orange Red

HEX

RGB

HSL

OKLCH

CMYK
0 65 91 13

On text
5.18:1 AA

On white
4.06:1 AA large

Border, background · .Button_max-orange__aeI2E:active, .Button_max-black__J3Xt1:active
Light Gold

HEX

RGB

HSL

OKLCH

CMYK
0 10 95 2

On text
16.09:1 AAA

On white
1.30:1 Fail

Background, text, border · .Button_btn__LpqLK, .Button_btn__5vn34
Coral

HEX

RGB

HSL

OKLCH

CMYK
0 55 76 1

On text
7.69:1 AAA

On white
2.73:1 Fail

Background, text, border · .Button_orange__2u_12, .Button_orange__hnCIa
Gold

HEX

RGB

HSL

OKLCH

CMYK
0 17 100 1

On text
14.30:1 AAA

On white
1.47:1 Fail

Background, border, text · .Button_ghost-yellow__LpDG9, .Button_yellow__qMHKw:active
Deep Dodger Blue

HEX

RGB

HSL

OKLCH

CMYK
79 39 0 5

On text
6.60:1 AA

On white
3.18:1 AA large

Border, text · .Button_blue__R7zO8, .Button_blue-yellow__rHe_Q
Medium Sea Green

HEX

RGB

HSL

OKLCH

CMYK
100 0 46 20

On text
9.96:1 AAA

On white
2.11:1 Fail

Background, border · .Button_green__1TzDD, .Button_green__1TzDD:active
Steel Blue

HEX

RGB

HSL

OKLCH

CMYK
79 38 0 16

On text
5.42:1 AA

On white
3.87:1 AA large

Border · .Button_btn__LpqLK:active, .Button_black__lf5bQ:active
Black

HEX

RGB

HSL

OKLCH

CMYK
74 21 0 84

On text
1.27:1 Fail

On white
16.60:1 AAA

Used · --secondary-brand-color-alternate-400, --secondary-brand-color-alternate-600
Deep Gold

HEX

RGB

HSL

OKLCH

CMYK
0 6 100 11

On text
13.78:1 AAA

On white
1.52:1 Fail

Border · .Button_btn__LpqLK, .Button_btn__5vn34

Gradients

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.

Rubik

Aa 100 Aa 1000

Rubik

Served from us-wn-g.gr-cdn.com · weights 100, 400, 500, 600, 700, 1000 · headings, buttons · shown in a stand-in if you don’t have it

Aa 100 Aa 1000

RobotoFlex

Served from us-wn-g.gr-cdn.com · weights 100, 600, 700, 1000 · body, buttons · shown in a stand-in if you don’t have it

Aa 400 Aa 700

Pixelify Sans

Served from us-wn-g.gr-cdn.com · weights 400, 500, 600, 700 · headings · shown in a stand-in if you don’t have it

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

Type scale

From the site’s CSS

Heading 1 60px

GetResponse

Heading 2 34px / 1.35 weight 600 · Rubik

Automation, Landing Pages and Email Marketing P…

Heading 3 22px / 1.35 weight 700 · uppercase · Rubik

Automation, Landing Pages and Email Marketing P…

Body — RobotoFlex

Unlock your revenue potential with GetResponse's marketing software. Automate sales, track revenue, and convert leads into loyal customers …

Paragraph 16px / 1.6 weight 400 · Rubik

Unlock your revenue potential with GetResponse's marketing software. Automate sales, track revenue, and convert leads into loyal customers …

Small 100%

Unlock your revenue potential with GetResponse's marketing software. Automate sales, track revenue, and convert leads into loyal customers …

Link 16px / 1.4 weight 700 · none · Rubik

Sizes in use

Most common across the site

34pxline 46px · 11 rules
24pxline 32px · 8 rules
22pxline 28px · 6 rules
18pxline 26px · 21 rules
17pxline 1.2 · 10 rules
16pxline 24px · 33 rules
14pxline 1.35 · 31 rules
12pxline 1.4 · 11 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

.Button_btn__LpqLK · #FBE30C · radius 16px

Corner radius

12px · 26×
50px · 5×
16px · 5×
20px · 4×
24px · 4×
3px · 3×

Shadows

6px 6px 50px 0 rgba(0,0,0,.08)
2px 2px 15px #00000010
0 0 30px 0 rgba(32,39,48,.08)
2px 2px 15px 0 rgba(0,0,0,.12)

Layout

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

Grid

Breakpoints

480

600

768

868

980

1000

1300

1320

On a scale of 0 to 1440 px.

Content widths (max-width)

1200 px

1180 px

1140 px

580 px

560 px

400 px

Notes

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

Notes

● FineThe title is 54 characters, short enough to show in full in search results.

Questions

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

Questions

What font does GetResponse use?: GetResponse’s website uses three typefaces: Rubik (headings), served from us-wn-g.gr-cdn.com; RobotoFlex (body text), served from us-wn-g.gr-cdn.com; Pixelify Sans, served from us-wn-g.gr-cdn.com.
What are GetResponse’s brand colours?: The main colours on getresponse.com are Light Dodger Blue (#00A2FF), Deep Sky Blue (#00BAFF), Light Orange Red (#FC5B1A), Deep Orange Red (#DE4D14), Light Gold (#FBE30C) and Coral (#FD733C).
What colour is GetResponse’s text and background?: Body text is #000000 on a #FFFFFF background.
Where is GetResponse’s logo from?: The logo shown in this guide was found on getresponse.com’s homepage. For official logo files and usage rules, check GetResponse’s own brand or press page.
Is this GetResponse’s official style guide?: No. SiteStyleGuide made it from getresponse.com’s public web pages on 31 October 2026, and isn’t affiliated with GetResponse. 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

getresponse-com-tokens.css

Download

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

/* getresponse.com design tokens, from SiteStyleGuide (https://sitestyleguide.com/getresponse.com) */
:root {
  /* Colours */
  --text: #000000;
  --background: #FFFFFF;
  --colour-white: #FFFFFF;
  --colour-black: #000000;
  --colour-cool-charcoal: #202730;
  --colour-cool-near-black: #11161D;
  --colour-light-dodger-blue: #00A2FF;
  --colour-deep-sky-blue: #00BAFF;
  --colour-light-orange-red: #FC5B1A;
  --colour-deep-orange-red: #DE4D14;
  --colour-light-gold: #FBE30C;
  --colour-coral: #FD733C;
  --colour-gold: #FDD100;
  --colour-deep-dodger-blue: #3393F2;
  --colour-medium-sea-green: #00CD6E;
  --colour-steel-blue: #2C85D5;
  --colour-black-2: #0B212A;
  --colour-deep-gold: #E3D500;

  /* Typefaces */
  --font-headings: 'Rubik', 'Helvetica', 'Arial', sans-serif;
  --font-buttons: 'Rubik', 'Helvetica', 'Arial', sans-serif;
  --font-body: 'RobotoFlex', 'Helvetica', 'Arial', sans-serif;

  /* Type scale */
  --text-h1: 60px;
  --text-h2: 34px;
  --leading-h2: 1.35;
  --text-h3: 22px;
  --leading-h3: 1.35;
  --text-p: 16px;
  --leading-p: 1.6;
  --text-small: 100%;
  --text-a: 16px;
  --leading-a: 1.4;

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

  /* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
  --breakpoint-1: 480px;
  --breakpoint-2: 600px;
  --breakpoint-3: 768px;
  --breakpoint-4: 868px;
  --breakpoint-5: 980px;
  --breakpoint-6: 1000px;
  --breakpoint-7: 1300px;
  --breakpoint-8: 1320px;
  --max-width-1: 1200px;
  --max-width-2: 1180px;
  --max-width-3: 1140px;
  --max-width-4: 580px;
  --max-width-5: 560px;
  --max-width-6: 400px;
}

{
    "site": "getresponse.com",
    "source": "https://sitestyleguide.com/getresponse.com",
    "text": "#000000",
    "background": "#FFFFFF",
    "colours": [
        {
            "name": "White",
            "hex": "#FFFFFF",
            "rgb": [
                255,
                255,
                255
            ]
        },
        {
            "name": "Black",
            "hex": "#000000",
            "rgb": [
                0,
                0,
                0
            ]
        },
        {
            "name": "Cool Charcoal",
            "hex": "#202730",
            "rgb": [
                32,
                39,
                48
            ]
        },
        {
            "name": "Cool Near Black",
            "hex": "#11161D",
            "rgb": [
                17,
                22,
                29
            ]
        },
        {
            "name": "Light Dodger Blue",
            "hex": "#00A2FF",
            "rgb": [
                0,
                162,
                255
            ]
        },
        {
            "name": "Deep Sky Blue",
            "hex": "#00BAFF",
            "rgb": [
                0,
                186,
                255
            ]
        },
        {
            "name": "Light Orange Red",
            "hex": "#FC5B1A",
            "rgb": [
                252,
                91,
                26
            ]
        },
        {
            "name": "Deep Orange Red",
            "hex": "#DE4D14",
            "rgb": [
                222,
                77,
                20
            ]
        },
        {
            "name": "Light Gold",
            "hex": "#FBE30C",
            "rgb": [
                251,
                227,
                12
            ]
        },
        {
            "name": "Coral",
            "hex": "#FD733C",
            "rgb": [
                253,
                115,
                60
            ]
        },
        {
            "name": "Gold",
            "hex": "#FDD100",
            "rgb": [
                253,
                209,
                0
            ]
        },
        {
            "name": "Deep Dodger Blue",
            "hex": "#3393F2",
            "rgb": [
                51,
                147,
                242
            ]
        },
        {
            "name": "Medium Sea Green",
            "hex": "#00CD6E",
            "rgb": [
                0,
                205,
                110
            ]
        },
        {
            "name": "Steel Blue",
            "hex": "#2C85D5",
            "rgb": [
                44,
                133,
                213
            ]
        },
        {
            "name": "Black",
            "hex": "#0B212A",
            "rgb": [
                11,
                33,
                42
            ]
        },
        {
            "name": "Deep Gold",
            "hex": "#E3D500",
            "rgb": [
                227,
                213,
                0
            ]
        }
    ],
    "fonts": [
        {
            "name": "Rubik",
            "stack": "\"Rubik\", \"Helvetica\", \"Arial\", sans-serif",
            "weights": [
                100,
                400,
                500,
                600,
                700,
                1000
            ],
            "source": "Served from us-wn-g.gr-cdn.com"
        },
        {
            "name": "RobotoFlex",
            "stack": "\"RobotoFlex\", \"Helvetica\", \"Arial\", sans-serif",
            "weights": [
                100,
                600,
                700,
                1000
            ],
            "source": "Served from us-wn-g.gr-cdn.com"
        },
        {
            "name": "Pixelify Sans",
            "stack": "\"Pixelify Sans\", \"Helvetica\", \"Arial\", sans-serif",
            "weights": [
                400,
                500,
                600,
                700
            ],
            "source": "Served from us-wn-g.gr-cdn.com"
        }
    ]
}

Other websites using Rubik as their main typeface

Rock Paper Shotgun

rockpapershotgun.com · set in Rubik
Save
India Today

indiatoday.in · set in Rubik
Save

Websites whose lead colour is closest to GetResponse’s

Gismeteo

gismeteo.ru · 3 days ago
Save
Kenhub

kenhub.com · 5 days ago
Save
Snapchat

snapchat.com · 3 days ago
Save
ticketportal.cz

ticketportal.cz · 2 days ago
Save

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

GetResponsestyle guide

Title &description

Logo

Favicons

Colour

Balance

Neutrals

White

Black

Cool Charcoal

Cool Near Black

Colours

Light Dodger Blue

Deep Sky Blue

Light Orange Red

Deep Orange Red

Light Gold

Coral

Gold

Deep Dodger Blue

Medium Sea Green

Steel Blue

Black

Deep Gold

Gradients

Rubik

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Share

Run getresponse.com?

Also set in Rubik

Rock Paper Shotgun

India Today

Similar colours

Gismeteo

Kenhub

Snapchat

ticketportal.cz

Title &
description