What font does frog, part of Capgemini Invent use?

frog, part of Capgemini Invent’s website uses two typefaces: GT America (headings and body text), self-hosted; frogSerif, self-hosted.

What are frog, part of Capgemini Invent’s brand colours?

The main colours on frog.co are Steel Blue (#007BFF), Crimson (#DC3545), Medium Sea Green (#28A745), Thistle (#E2C5E4), Deep Gold (#FFC107) and Cadet Blue (#17A2B8).

What colour is frog, part of Capgemini Invent’s text and background?

Body text is #000000 on a #FFFFFF background.

Where is frog, part of Capgemini Invent’s logo from?

The logo shown in this guide was found on frog.co’s homepage. For official logo files and usage rules, check frog, part of Capgemini Invent’s own brand or press page.

Is this frog, part of Capgemini Invent’s official style guide?

No. SiteStyleGuide made it from frog.co’s public web pages on 27 October 2026, and isn’t affiliated with frog, part of Capgemini Invent. Members can refresh a guide after 90 days to pick up changes.

Unofficial A style guide made by SiteStyleGuide from frog.co’s public web pages. Not affiliated with or endorsed by frog, part of Capgemini Invent. The real site is frog.co ↗

Unofficial style guide

frog, part of Capgemini Inventstyle guide

frog, part of Capgemini Invent’s website (frog.co) uses GT America for its headings and body text. Its palette is led by Steel Blue (#007BFF), Crimson (#DC3545) and Medium Sea Green (#28A745), with #000000 text on #FFFFFF. Captured from the live site on 27 October 2026.

Website: frog.co
Typefaces: GT America, frogSerif
Palette: 4 neutrals, 12 colours, 3 gradients
Captured: 27 Oct 2026 · added by @sitestyleguide

Save Add to collection Share Report

Screenshot of the frog.co homepage on a desktop screen — Screenshot of frog.co on a 1440 px desktop screen, 27 Oct 2026.

Screenshot of the frog.co 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: frog | Your reinvention and experience partner; ● 46 / 60 characters
Meta description: We challenge the status quo to create transformative experiences that win hearts and move markets in the eco-digital era. Join us to make your mark.; ● 148 / 160 characters
Site name: frog, part of Capgemini Invent
og:title: frog | Your reinvention and experience partner
og:description: We challenge the status quo to create transformative experiences that win hearts and move markets in the eco-digital era. Join us to make your mark.
Language: en

In search results

frog, part of Capgemini Inventhttps://www.frog.co/

frog | Your reinvention and experience partner

We challenge the status quo to create transformative experiences that win hearts and move markets in the eco-digital era. Join us to make your mark.

When shared

The image frog, part of Capgemini Invent shares with links

frog.co

frog | Your reinvention and experience partner

We challenge the status quo to create transformative experiences that win hearts and move markets in the eco-…

Logo & favicons

Found as: schema.org logo. SVG, 703 × 179.

Logo

On white

On black

On Steel Blue

Favicons

1 found

128 px · ICO shortcut icon

frog | Your reinvention and experience partner

Light browser tab

frog | Your reinvention and experience partner

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 37.5%
Black 14.3%
Cool Near Black 9.1%
Cool Grey 5.3%
Steel Blue 5.3%
Crimson 3.5%
Medium Sea Green 3.5%
Thistle 2.9%
Deep Gold 2.8%
Cadet Blue 2.8%
Lime 2.8%
Khaki 2.8%
Deep Sky Blue 2.8%
Tomato 2.8%
Midnight Blue 1.2%
Light 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_button__vCRdt.Button_white__jUAA4, .Button_button__vCRdt.Button_theRoadAhead__xaiLv
Black

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 100

On text
—

On white
21.00:1 AAA

Text, background, border · .Button_button__vCRdt.Button_black__fIO1H, .DomainNameInfo_newDomainInfoContainer___S1Xr button.DomainNameInfo_closeBtn___J
Cool Near Black

HEX

RGB

HSL

OKLCH

CMYK
20 10 0 84

On text
1.36:1 Fail

On white
15.43:1 AAA

Text, background, border · .btn-warning, .btn-warning.disabled
Cool Grey

HEX

RGB

HSL

OKLCH

CMYK
14 6 0 51

On text
4.48:1 AA large

On white
4.69:1 AA

Text, background, border · .btn-secondary, .btn-secondary.disabled

Colours

Brand colours and accents, most used first

Steel Blue

HEX

RGB

HSL

OKLCH

CMYK
100 52 0 0

On text
5.28:1 AA

On white
3.98:1 AA large

Background, text, border · .btn-primary, .btn-primary.disabled
Crimson

HEX

RGB

HSL

OKLCH

CMYK
0 76 69 14

On text
4.64:1 AA

On white
4.53:1 AA

Background, text, border · .btn-danger, .btn-danger.disabled
Medium Sea Green

HEX

RGB

HSL

OKLCH

CMYK
76 0 59 35

On text
6.70:1 AA

On white
3.13:1 AA large

Background, text, border · .btn-success, .btn-success.disabled
Thistle

HEX

RGB

HSL

OKLCH

CMYK
1 14 0 11

On text
13.34:1 AAA

On white
1.57:1 Fail

Background, text, border · .btn-hl-pink-light, .btn-hl-pink-light.disabled
Deep Gold

HEX

RGB

HSL

OKLCH

CMYK
0 24 97 0

On text
12.88:1 AAA

On white
1.63:1 Fail

Background, text, border · .btn-warning, .btn-warning.disabled
Cadet Blue

HEX

RGB

HSL

OKLCH

CMYK
88 12 0 28

On text
6.90:1 AA

On white
3.04:1 AA large

Background, text, border · .btn-info, .btn-info.disabled
Lime

HEX

RGB

HSL

OKLCH

CMYK
66 0 100 10

On text
12.64:1 AAA

On white
1.66:1 Fail

Background, text, border · .btn-hl-green, .btn-hl-green.disabled
Khaki

HEX

RGB

HSL

OKLCH

CMYK
0 6 47 0

On text
17.91:1 AAA

On white
1.17:1 Fail

Background, text, border · .btn-hl-yellow-light, .btn-hl-yellow-light.disabled
Deep Sky Blue

HEX

RGB

HSL

OKLCH

CMYK
74 30 0 3

On text
8.47:1 AAA

On white
2.48:1 Fail

Background, text, border · .btn-hl-blue, .btn-hl-blue.disabled
Tomato

HEX

RGB

HSL

OKLCH

CMYK
0 60 72 2

On text
7.01:1 AAA

On white
2.99:1 Fail

Background, text, border · .btn-hl-orange, .btn-hl-orange.disabled
Midnight Blue

HEX

RGB

HSL

OKLCH

CMYK
85 76 0 82

On text
1.10:1 Fail

On white
19.15:1 AAA

Background · .Button_button__vCRdt.Button_theRoadAhead__xaiLv, .Button_button__vCRdt.Button_theRoadAhead__xaiLv.Button_transparent__so64F
Light Gold

HEX

RGB

HSL

OKLCH

CMYK
0 9 67 0

On text
16.88:1 AAA

On white
1.24:1 Fail

Background, border, text · .btn-hl-yellow-light.focus, .btn-hl-yellow-light:not(:disabled):not(.disabled).active

Gradients

linear-gradient(90deg,#ffffff 50%,#000000 0)
linear-gradient(90deg,white 50%,transparent 0)
linear-gradient(90deg,black 50%,white 0)

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.

GT America

Aa 300 Aa 700

GT America

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

Aa 300 Aa 500

frogSerif

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

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

Type scale

From the site’s CSS

Heading 1 2.5rem · 40 px / 1.2 weight 500 · frogSerif

frog, part of Capgemini Invent

Heading 2 2rem · 32 px / 1.2 weight 500 · frogSerif

frog | Your reinvention and experience partner

Heading 3 1.75rem · 28 px / 1.2 weight 500 · frogSerif

frog | Your reinvention and experience partner

Heading 4 1.5rem · 24 px / 1.2 weight 500 · frogSerif

frog | Your reinvention and experience partner

Heading 5 1.25rem · 20 px / 1.2 weight 500 · frogSerif

frog | Your reinvention and experience partner

Heading 6 1rem · 16 px / 1.2 weight 500 · frogSerif

frog | Your reinvention and experience partner

Body 1rem · 16 px / 1.5 weight 400 · GT America

We challenge the status quo to create transformative experiences that win hearts and move markets in the eco-digital era. Join us to make y…

Paragraph 20px / 28px weight 400 · GT America

We challenge the status quo to create transformative experiences that win hearts and move markets in the eco-digital era. Join us to make y…

Small .875em · 14 px weight 400

We challenge the status quo to create transformative experiences that win hearts and move markets in the eco-digital era. Join us to make y…

Button 24px / 28px weight 500 · none · GT America

Get started

Link 18px / 24px weight 400 · GT America

Read more about frog, part of Capgemini Invent

Sizes in use

Most common across the site

40pxline 48px · 7 rules
28pxline 32px · 2 rules
24pxline 1 · 5 rules
20pxline 28px · 26 rules
18pxline 24px · 5 rules
16pxline 22px · 36 rules
14pxline 1.5 · 23 rules
12pxline 0 · 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

Button

Get started

.btn-primary · #007BFF

Link

Read our latest news today.

a · #007BFF

Corner radius

.25rem · 20×
.3rem · 7×
1rem · 6×
.2rem · 5×
50% · 5×
.5rem · 2×

Shadows

0 0 0 .2rem rgba(0,123,255,.25)
0 0 0 .2rem rgba(40,167,69,.25)
0 0 0 .2rem rgba(220,53,69,.25)
0 0 0 .2rem rgba(0,123,255,.5)

Layout

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

Grid

Breakpoints

375

576

768

992

1200

On a scale of 0 to 1440 px.

Content widths (max-width)

1140 px

960 px

720 px

540 px

500 px

350 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.

Questions

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

Questions

What font does frog, part of Capgemini Invent use?: frog, part of Capgemini Invent’s website uses two typefaces: GT America (headings and body text), self-hosted; frogSerif, self-hosted.
What are frog, part of Capgemini Invent’s brand colours?: The main colours on frog.co are Steel Blue (#007BFF), Crimson (#DC3545), Medium Sea Green (#28A745), Thistle (#E2C5E4), Deep Gold (#FFC107) and Cadet Blue (#17A2B8).
What colour is frog, part of Capgemini Invent’s text and background?: Body text is #000000 on a #FFFFFF background.
Where is frog, part of Capgemini Invent’s logo from?: The logo shown in this guide was found on frog.co’s homepage. For official logo files and usage rules, check frog, part of Capgemini Invent’s own brand or press page.
Is this frog, part of Capgemini Invent’s official style guide?: No. SiteStyleGuide made it from frog.co’s public web pages on 27 October 2026, and isn’t affiliated with frog, part of Capgemini Invent. 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

frog-co-tokens.css

Download

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

/* frog.co design tokens, from SiteStyleGuide (https://sitestyleguide.com/frog.co) */
:root {
  /* Colours */
  --text: #000000;
  --background: #FFFFFF;
  --colour-white: #FFFFFF;
  --colour-black: #000000;
  --colour-cool-near-black: #212529;
  --colour-cool-grey: #6C757D;
  --colour-steel-blue: #007BFF;
  --colour-crimson: #DC3545;
  --colour-medium-sea-green: #28A745;
  --colour-thistle: #E2C5E4;
  --colour-deep-gold: #FFC107;
  --colour-cadet-blue: #17A2B8;
  --colour-lime: #4EE601;
  --colour-khaki: #FEEF86;
  --colour-deep-sky-blue: #41ACF7;
  --colour-tomato: #FB6446;
  --colour-midnight-blue: #070B2E;
  --colour-light-gold: #FEE853;
  --gradient-1: linear-gradient(90deg,#ffffff 50%,#000000 0);
  --gradient-2: linear-gradient(90deg,white 50%,transparent 0);
  --gradient-3: linear-gradient(90deg,black 50%,white 0);

  /* Typefaces */
  --font-headings: 'GT America', 'source-han-sans-simplified-c', sans-serif;
  --font-buttons: 'GT America', 'source-han-sans-simplified-c', sans-serif;
  --font-body: 'GT America', 'source-han-sans-simplified-c', sans-serif;

  /* Type scale */
  --text-h1: 2.5rem;
  --leading-h1: 1.2;
  --text-h2: 2rem;
  --leading-h2: 1.2;
  --text-h3: 1.75rem;
  --leading-h3: 1.2;
  --text-h4: 1.5rem;
  --leading-h4: 1.2;
  --text-h5: 1.25rem;
  --leading-h5: 1.2;
  --text-h6: 1rem;
  --leading-h6: 1.2;
  --text-body: 1rem;
  --leading-body: 1.5;
  --text-p: 20px;
  --leading-p: 28px;
  --text-small: .875em;
  --text-button: 24px;
  --leading-button: 28px;
  --text-a: 18px;
  --leading-a: 24px;

  /* Shape */
  --radius-1: .25rem;
  --radius-2: .3rem;
  --radius-3: 1rem;
  --radius-4: .2rem;
  --radius-5: 50%;
  --radius-6: .5rem;

  /* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
  --breakpoint-1: 375px;
  --breakpoint-2: 576px;
  --breakpoint-3: 768px;
  --breakpoint-4: 992px;
  --breakpoint-5: 1200px;
  --max-width-1: 1140px;
  --max-width-2: 960px;
  --max-width-3: 720px;
  --max-width-4: 540px;
  --max-width-5: 500px;
  --max-width-6: 350px;
}

{
    "site": "frog.co",
    "source": "https://sitestyleguide.com/frog.co",
    "text": "#000000",
    "background": "#FFFFFF",
    "colours": [
        {
            "name": "White",
            "hex": "#FFFFFF",
            "rgb": [
                255,
                255,
                255
            ]
        },
        {
            "name": "Black",
            "hex": "#000000",
            "rgb": [
                0,
                0,
                0
            ]
        },
        {
            "name": "Cool Near Black",
            "hex": "#212529",
            "rgb": [
                33,
                37,
                41
            ]
        },
        {
            "name": "Cool Grey",
            "hex": "#6C757D",
            "rgb": [
                108,
                117,
                125
            ]
        },
        {
            "name": "Steel Blue",
            "hex": "#007BFF",
            "rgb": [
                0,
                123,
                255
            ]
        },
        {
            "name": "Crimson",
            "hex": "#DC3545",
            "rgb": [
                220,
                53,
                69
            ]
        },
        {
            "name": "Medium Sea Green",
            "hex": "#28A745",
            "rgb": [
                40,
                167,
                69
            ]
        },
        {
            "name": "Thistle",
            "hex": "#E2C5E4",
            "rgb": [
                226,
                197,
                228
            ]
        },
        {
            "name": "Deep Gold",
            "hex": "#FFC107",
            "rgb": [
                255,
                193,
                7
            ]
        },
        {
            "name": "Cadet Blue",
            "hex": "#17A2B8",
            "rgb": [
                23,
                162,
                184
            ]
        },
        {
            "name": "Lime",
            "hex": "#4EE601",
            "rgb": [
                78,
                230,
                1
            ]
        },
        {
            "name": "Khaki",
            "hex": "#FEEF86",
            "rgb": [
                254,
                239,
                134
            ]
        },
        {
            "name": "Deep Sky Blue",
            "hex": "#41ACF7",
            "rgb": [
                65,
                172,
                247
            ]
        },
        {
            "name": "Tomato",
            "hex": "#FB6446",
            "rgb": [
                251,
                100,
                70
            ]
        },
        {
            "name": "Midnight Blue",
            "hex": "#070B2E",
            "rgb": [
                7,
                11,
                46
            ]
        },
        {
            "name": "Light Gold",
            "hex": "#FEE853",
            "rgb": [
                254,
                232,
                83
            ]
        }
    ],
    "fonts": [
        {
            "name": "GT America",
            "stack": "GT America, source-han-sans-simplified-c, sans-serif",
            "weights": [
                300,
                400,
                500,
                700
            ],
            "source": "Self-hosted"
        },
        {
            "name": "frogSerif",
            "stack": "\"frogSerif\", source-han-serif-sc, serif",
            "weights": [
                300,
                400,
                500
            ],
            "source": "Self-hosted"
        }
    ]
}

Other websites using GT America as their main typeface

Zia Tile

ziatile.com · set in GT America
Save
Betterment

betterment.com · set in GT America
Save
Emergence Magazine

emergencemagazine.org · set in GT America
Save
Harvard Business Review

hbr.org · set in GT America
Save

Websites whose lead colour is closest to frog, part of Capgemini Invent’s

Dillard's

dillards.com · 6 days ago
Save
Facebook

messenger.com · 2 days ago
Save
Facebook

m.me · 4 days ago
Save
Plarium

plarium.com · 2 days ago
Save

Captured from frog.co on 27 October 2026. SiteStyleGuide isn’t affiliated with or endorsed by frog, part of Capgemini Invent; this guide describes the public website for reference.

frog, part of Capgemini Inventstyle guide

Title &description

Logo

Favicons

Colour

Balance

Neutrals

White

Black

Cool Near Black

Cool Grey

Colours

Steel Blue

Crimson

Medium Sea Green

Thistle

Deep Gold

Cadet Blue

Lime

Khaki

Deep Sky Blue

Tomato

Midnight Blue

Light Gold

Gradients

GT America

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Share

Run frog.co?

Also set in GT America

Zia Tile

Betterment

Emergence Magazine

Harvard Business Review

Similar colours

Dillard's

Facebook

Facebook

Plarium

Title &
description