What font does home-globo use?

home-globo’s website uses four typefaces: Globotipo UI (headings and body text), served from s3.glbimg.com; Inter Variable, served from s3.glbimg.com; opensans-bold-webfont, served from s.glbimg.com; opensans-light-webfont, served from s.glbimg.com.

What are home-globo’s brand colours?

The main colours on globo.com are Blue (#0031FF), Medium Sea Green (#06AA48), Fire Brick (#C4170C), Orange Red (#FF6700), Crimson (#F50234) and Dodger Blue (#009DDB).

What colour is home-globo’s text and background?

Body text is #2F3134 on a #FFFFFF background.

Where is home-globo’s logo from?

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

Is this home-globo’s official style guide?

No. SiteStyleGuide made it from globo.com’s public web pages on 5 November 2026, and isn’t affiliated with home-globo. Members can refresh a guide after 90 days to pick up changes.

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

Unofficial style guide

home-globostyle guide

home-globo’s website (globo.com) uses Globotipo UI for its headings and body text. Its palette is led by Blue (#0031FF), Medium Sea Green (#06AA48) and Fire Brick (#C4170C), with #2F3134 text on #FFFFFF. Captured from the live site on 5 November 2026.

Website: globo.com
Typefaces: Globotipo UI, Inter Variable, opensans-bold-webfont
Palette: 4 neutrals, 12 colours, 3 gradients
Captured: 5 Nov 2026 · added by @sitestyleguide

Save Add to collection Share Report

Screenshot of the globo.com homepage on a desktop screen — Screenshot of globo.com on a 1440 px desktop screen, 5 Nov 2026.

Screenshot of the globo.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: globo.com - Absolutamente tudo sobre notícias, esportes e entretenimento; ▲ 72 / 60 characters
Meta description: Últimas notícias do jornalismo, esporte, entretenimento e mais! Na globo.com você acompanha tudo que está acontecendo hoje no Brasil e no mundo.; ● 144 / 160 characters
Site name: home-globo
og:title: globo.com - Absolutamente tudo sobre notícias, esportes e entretenimento
og:description: Últimas notícias do jornalismo, esporte, entretenimento e mais! Na globo.com você acompanha tudo que está acontecendo hoje no Brasil e no mundo.
Language: pt-BR

In search results

home-globohttps://www.globo.com/

globo.com - Absolutamente tudo sobre notícias, esportes e ent…

Últimas notícias do jornalismo, esporte, entretenimento e mais! Na globo.com você acompanha tudo que está acontecendo hoje no Brasil e no mundo.

When shared

globo.com

globo.com - Absolutamente tudo sobre notícias, esportes e entretenimento

Últimas notícias do jornalismo, esporte, entretenimento e mais! Na globo.com você acompanha tudo que está aco…

Logo & favicons

Found as: SVG in the header. SVG, 174 × 36.

Logo

On white

On black

On Blue

Favicons

7 found

192 px · PNG icon
114 px · PNG apple-touch-icon
72 px · PNG apple-touch-icon
57 px · PNG apple-touch-icon
32 px · PNG icon
16 px · PNG icon
16 px · ICO favicon.ico

globo.com - Absolutamente tudo sobre notícias, esportes e entretenimento

Light browser tab

globo.com - Absolutamente tudo sobre notícias, esportes e entretenimento

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

Colour

Balance

How much each colour is used

White 38.6%
Charcoal 14.6%
Black 12.2%
Off White 9.6%
Blue 4.3%
Medium Sea Green 3.9%
Fire Brick 3.1%
Orange Red 2.7%
Crimson 1.9%
Dodger Blue 1.5%
Medium Violet Red 1.4%
Cadet Blue 1.4%
Indian Red 1.2%
Red 1.2%
Royal Blue 1.2%
Teal 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
13.05:1 AAA

On white
—

Background, text, border · --cxm-on-theme-color-content-lightest, --cxm-on-theme-color-content-lightest-on-dark
Charcoal

HEX

RGB

HSL

OKLCH

CMYK
10 6 0 80

On text
—

On white
13.05:1 AAA

Text, background, graphic · .video-grid-franja-player-claro__header__title:after, .menu-submenu-title.menu-item-back .regua-navegacao-menu-item
Black

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 100

On text
1.61:1 Fail

On white
21.00:1 AAA

Background, text, graphic · --cxm-on-theme-color-surface-strongest-on-dark, --cxm-on-theme-color-surface-strongest
Off White

HEX

RGB

HSL

OKLCH

CMYK
2 1 0 6

On text
11.11:1 AAA

On white
1.17:1 Fail

Background, border · .skeleton-horoscopo__title-ad, .headline .post-voting.has-image .container .bbb__container-title-btn-area

Colours

Brand colours and accents, most used first

Blue

HEX

RGB

HSL

OKLCH

CMYK
100 81 0 0

On text
1.79:1 Fail

On white
7.28:1 AAA

Background, text, graphic · .bottom-bar__opinion-button button, .btn-handleMinhaConta
Medium Sea Green

HEX

RGB

HSL

OKLCH

CMYK
96 0 58 33

On text
4.26:1 AA large

On white
3.07:1 AA large

Text, background, border · .championship-schedule-heading--text:after, .championship-schedule-heading--text
Fire Brick

HEX

RGB

HSL

OKLCH

CMYK
0 88 94 23

On text
2.16:1 Fail

On white
6.04:1 AA

Text, background, border · .economy-widget__title--text::after, .economy-widget__title--text
Orange Red

HEX

RGB

HSL

OKLCH

CMYK
0 60 100 0

On text
4.47:1 AA large

On white
2.92:1 Fail

Text, background, border · .horoscope__title--text:after, .horoscope__title--text
Crimson

HEX

RGB

HSL

OKLCH

CMYK
0 99 79 4

On text
3.07:1 AA large

On white
4.25:1 AA large

Background, text, graphic · --theme, .homeui-bc-globoplay
Dodger Blue

HEX

RGB

HSL

OKLCH

CMYK
100 28 0 14

On text
4.25:1 AA large

On white
3.07:1 AA large

Text, background, border · .header-wrapper-programacao__title, .header-wrapper-programacao__title-container
Medium Violet Red

HEX

RGB

HSL

OKLCH

CMYK
0 88 24 35

On text
1.86:1 Fail

On white
7.01:1 AAA

Border, background, text · --theme, .homeui-bc-receitas
Cadet Blue

HEX

RGB

HSL

OKLCH

CMYK
59 12 0 26

On text
4.66:1 AA

On white
2.80:1 Fail

Used · --theme-hover, --cxm-theme-color-surface-stronger
Indian Red

HEX

RGB

HSL

OKLCH

CMYK
0 73 58 2

On text
3.78:1 AA large

On white
3.45:1 AA large

Text · --theme, --theme-hover
Red

HEX

RGB

HSL

OKLCH

CMYK
0 95 88 0

On text
3.31:1 AA large

On white
3.94:1 AA large

Background · .use-new-postBase .post--asis .post__label--live, .post__live--wrapper
Royal Blue

HEX

RGB

HSL

OKLCH

CMYK
97 53 0 13

On text
2.54:1 Fail

On white
5.14:1 AA

Background, text, graphic · .header-search__icon.--search, .homeui-bc-home-globo
Teal

HEX

RGB

HSL

OKLCH

CMYK
100 0 0 60

On text
1.95:1 Fail

On white
6.70:1 AA

Background, text, graphic · --theme, .homeui-bc-valor

Gradients

linear-gradient(90deg,#e0e0e0 25%,#f5f5f5 50%,#e0e0e0 75%)
linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%)
linear-gradient(90deg,#e6e6e6 25%,#efefef 50%,#e6e6e6 75%)

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.

Globotipo UI

Aa 400 Aa 700

Globotipo UI

Served from s3.glbimg.com · weights 400, 450, 500, 600, 650, 700 · headings, buttons · shown in a stand-in if you don’t have it

Aa 100 Aa 900

Inter Variable

Served from s3.glbimg.com · weights 100, 400, 650, 900 · headings · shown in a stand-in if you don’t have it

Aa 400

opensans-bold-webfont

Served from s.glbimg.com · weights 400 · headings · shown in a stand-in if you don’t have it

Aa 300 Aa 400

opensans-light-webfont

Served from s.glbimg.com · weights 300, 400 · headings · shown in a stand-in if you don’t have it

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

Type scale

From the site’s CSS

Body 100% / 1 Inter

Últimas notícias do jornalismo, esporte, entretenimento e mais! Na globo.com você acompanha tudo que está acontecendo hoje no Brasil e no m…

Paragraph 100%

Últimas notícias do jornalismo, esporte, entretenimento e mais! Na globo.com você acompanha tudo que está acontecendo hoje no Brasil e no m…

Small 100%

Últimas notícias do jornalismo, esporte, entretenimento e mais! Na globo.com você acompanha tudo que está acontecendo hoje no Brasil e no m…

Button 0 · 0 px / 0 weight 700 · Globotipo UI

Get started

Link 100%

Sizes in use

Most common across the site

32pxline 120% · 6 rules
24pxline 120% · 17 rules
20pxline 120% · 17 rules
18pxline 1.3 · 9 rules
16pxline 120% · 39 rules
15pxline 120% · 14 rules
14pxline 120% · 49 rules
12pxline 120% · 44 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-handleMinhaConta · #0031FF · radius .25rem

Corner radius

12px · 50×
4px · 43×
8px · 24×
50% · 19×
6px · 18×
100% · 9×

Shadows

0 0 20px #ebedef
0 2px 4px rgba(0,0,0,.15)
0 0 10px 3px #0003
0 -40px 64px 0 ,-16px -16px 20px 0 ,16px -16px 20px 0 ,-18px 0 0 0

Layout

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

Grid

Breakpoints

639

640

1023

1024

1199

1200

1319

1320

On a scale of 0 to 1440 px.

Content widths (max-width)

1320 px

832 px

736 px

624 px

392 px

Notes

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

Notes

▲ CheckThe title is 72 characters. Google usually cuts titles near 60, so the end may not show in results.

Questions

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

Questions

What font does home-globo use?: home-globo’s website uses four typefaces: Globotipo UI (headings and body text), served from s3.glbimg.com; Inter Variable, served from s3.glbimg.com; opensans-bold-webfont, served from s.glbimg.com; opensans-light-webfont, served from s.glbimg.com.
What are home-globo’s brand colours?: The main colours on globo.com are Blue (#0031FF), Medium Sea Green (#06AA48), Fire Brick (#C4170C), Orange Red (#FF6700), Crimson (#F50234) and Dodger Blue (#009DDB).
What colour is home-globo’s text and background?: Body text is #2F3134 on a #FFFFFF background.
Where is home-globo’s logo from?: The logo shown in this guide was found on globo.com’s homepage. For official logo files and usage rules, check home-globo’s own brand or press page.
Is this home-globo’s official style guide?: No. SiteStyleGuide made it from globo.com’s public web pages on 5 November 2026, and isn’t affiliated with home-globo. 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

globo-com-tokens.css

Download

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

/* globo.com design tokens, from SiteStyleGuide (https://sitestyleguide.com/globo.com) */
:root {
  /* Colours */
  --text: #2F3134;
  --background: #FFFFFF;
  --colour-white: #FFFFFF;
  --colour-charcoal: #2F3134;
  --colour-black: #000000;
  --colour-off-white: #EBEDEF;
  --colour-blue: #0031FF;
  --colour-medium-sea-green: #06AA48;
  --colour-fire-brick: #C4170C;
  --colour-orange-red: #FF6700;
  --colour-crimson: #F50234;
  --colour-dodger-blue: #009DDB;
  --colour-medium-violet-red: #A5147D;
  --colour-cadet-blue: #4DA6BC;
  --colour-indian-red: #FA4468;
  --colour-red: #FF0C1F;
  --colour-royal-blue: #0669DE;
  --colour-teal: #006767;
  --gradient-1: linear-gradient(90deg,#e0e0e0 25%,#f5f5f5 50%,#e0e0e0 75%);
  --gradient-2: linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%);
  --gradient-3: linear-gradient(90deg,#e6e6e6 25%,#efefef 50%,#e6e6e6 75%);

  /* Typefaces */
  --font-headings: 'Globotipo UI', 'Inter', -apple-system, blinkmacsystemfont, 'Avenir Next', 'Avenir';
  --font-buttons: 'Globotipo UI', 'Inter', -apple-system, blinkmacsystemfont, 'Avenir Next', 'Avenir';

  /* Type scale */
  --text-body: 100%;
  --leading-body: 1;
  --text-p: 100%;
  --text-small: 100%;
  --text-button: 0;
  --leading-button: 0;
  --text-a: 100%;

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

  /* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
  --breakpoint-1: 639px;
  --breakpoint-2: 640px;
  --breakpoint-3: 1023px;
  --breakpoint-4: 1024px;
  --breakpoint-5: 1199px;
  --breakpoint-6: 1200px;
  --breakpoint-7: 1319px;
  --breakpoint-8: 1320px;
  --max-width-1: 1320px;
  --max-width-2: 832px;
  --max-width-3: 736px;
  --max-width-4: 624px;
  --max-width-5: 392px;
}

{
    "site": "globo.com",
    "source": "https://sitestyleguide.com/globo.com",
    "text": "#2F3134",
    "background": "#FFFFFF",
    "colours": [
        {
            "name": "White",
            "hex": "#FFFFFF",
            "rgb": [
                255,
                255,
                255
            ]
        },
        {
            "name": "Charcoal",
            "hex": "#2F3134",
            "rgb": [
                47,
                49,
                52
            ]
        },
        {
            "name": "Black",
            "hex": "#000000",
            "rgb": [
                0,
                0,
                0
            ]
        },
        {
            "name": "Off White",
            "hex": "#EBEDEF",
            "rgb": [
                235,
                237,
                239
            ]
        },
        {
            "name": "Blue",
            "hex": "#0031FF",
            "rgb": [
                0,
                49,
                255
            ]
        },
        {
            "name": "Medium Sea Green",
            "hex": "#06AA48",
            "rgb": [
                6,
                170,
                72
            ]
        },
        {
            "name": "Fire Brick",
            "hex": "#C4170C",
            "rgb": [
                196,
                23,
                12
            ]
        },
        {
            "name": "Orange Red",
            "hex": "#FF6700",
            "rgb": [
                255,
                103,
                0
            ]
        },
        {
            "name": "Crimson",
            "hex": "#F50234",
            "rgb": [
                245,
                2,
                52
            ]
        },
        {
            "name": "Dodger Blue",
            "hex": "#009DDB",
            "rgb": [
                0,
                157,
                219
            ]
        },
        {
            "name": "Medium Violet Red",
            "hex": "#A5147D",
            "rgb": [
                165,
                20,
                125
            ]
        },
        {
            "name": "Cadet Blue",
            "hex": "#4DA6BC",
            "rgb": [
                77,
                166,
                188
            ]
        },
        {
            "name": "Indian Red",
            "hex": "#FA4468",
            "rgb": [
                250,
                68,
                104
            ]
        },
        {
            "name": "Red",
            "hex": "#FF0C1F",
            "rgb": [
                255,
                12,
                31
            ]
        },
        {
            "name": "Royal Blue",
            "hex": "#0669DE",
            "rgb": [
                6,
                105,
                222
            ]
        },
        {
            "name": "Teal",
            "hex": "#006767",
            "rgb": [
                0,
                103,
                103
            ]
        }
    ],
    "fonts": [
        {
            "name": "Globotipo UI",
            "stack": "\"Globotipo UI\", Inter, -apple-system, BlinkMacSystemFont, \"Avenir Next\", Avenir, \"Helvetica Neue\", Helvetica, Ubuntu, Roboto, Noto, \"Segoe UI\", Arial, sans-serif",
            "weights": [
                400,
                450,
                500,
                600,
                650,
                700
            ],
            "source": "Served from s3.glbimg.com"
        },
        {
            "name": "Inter Variable",
            "stack": "Inter Variable, sans-serif",
            "weights": [
                100,
                400,
                650,
                900
            ],
            "source": "Served from s3.glbimg.com"
        },
        {
            "name": "opensans-bold-webfont",
            "stack": "\"opensans-bold-webfont\", Helvetica, Arial, sans-serif",
            "weights": [
                400
            ],
            "source": "Served from s.glbimg.com"
        },
        {
            "name": "opensans-light-webfont",
            "stack": "\"opensans-light-webfont\", Helvetica, Arial, sans-serif",
            "weights": [
                300,
                400
            ],
            "source": "Served from s.glbimg.com"
        }
    ]
}

Websites whose lead colour is closest to home-globo’s

Foursquare

foursquare.com · 2 days ago
Save
CDiscount

cdiscount.com · 6 days ago
Save
elegantthemes.com

elegantthemes.com · 5 days ago
Save
VectorStock

vectorstock.com · 5 days ago
Save

Captured from globo.com on 5 November 2026. SiteStyleGuide isn’t affiliated with or endorsed by home-globo; this guide describes the public website for reference.

home-globostyle guide

Title &description

Logo

Favicons

Colour

Balance

Neutrals

White

Charcoal

Black

Off White

Colours

Blue

Medium Sea Green

Fire Brick

Orange Red

Crimson

Dodger Blue

Medium Violet Red

Cadet Blue

Indian Red

Red

Royal Blue

Teal

Gradients

Globotipo UI

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Share

Run globo.com?

Similar colours

Foursquare

CDiscount

elegantthemes.com

VectorStock

Title &
description