What font does Gplus.to use?

Gplus.to’s website uses one typeface: Segoe UI (headings and body text), a system font.

What are Gplus.to’s brand colours?

The main colours on gplus.to are Dodger Blue (#4184F3), Crimson (#E21B24), Orange Red (#F45800), Indian Red (#F6405F), Lime Green (#1BD760) and Orange (#FF9900).

What colour is Gplus.to’s text and background?

Body text is #222222 on a #F7F8F9 background.

Where is Gplus.to’s logo from?

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

Is this Gplus.to’s official style guide?

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

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

Unofficial style guide

Gplus.tostyle guide

Gplus.to’s website (gplus.to) uses Segoe UI for its headings and body text. Its palette is led by Dodger Blue (#4184F3), Crimson (#E21B24) and Orange Red (#F45800), with #222222 text on #F7F8F9. Captured from the live site on 27 October 2026.

Website: gplus.to
Typefaces: Segoe UI, Monaco
Palette: 4 neutrals, 12 colours, 1 gradient
Captured: 27 Oct 2026 · added by @sitestyleguide

Save Add to collection Share Report

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

Screenshot of the gplus.to 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: Gplus.to | Trendy News & Analysts; ● 33 / 60 characters
Meta description: Gplus.to is a tech news website that covers a range of topics, including but not limited to: Technology, Startups, Business, and Entrepreneurship.; ● 146 / 160 characters
Site name: Gplus.to
og:title: Gplus.to
og:description: Gplus.to is a tech news website that covers a range of topics, including but not limited to: Technology, Startups, Business, and Entrepreneurship.
Language: en-US

In search results

Gplus.tohttps://gplus.to/

Gplus.to | Trendy News & Analysts

Gplus.to is a tech news website that covers a range of topics, including but not limited to: Technology, Startups, Business, and Entrepreneurship.

When shared

gplus.to

Gplus.to

Gplus.to is a tech news website that covers a range of topics, including but not limited to: Technology, Star…

Logo & favicons

Found as: schema.org logo. PNG, 500 × 500.

Logo

On white

On black

On Dodger Blue

Favicons

2 found

277 px · PNG icon
150 px · PNG icon

Gplus.to | Trendy News & Analysts

Light browser tab

Gplus.to | Trendy News & Analysts

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

Colour

Balance

How much each colour is used

White 47.5%
Near Black 10.6%
Black 8%
Cool Dark Grey 6.3%
Dodger Blue 6.3%
Crimson 4%
Orange Red 2.7%
Indian Red 2.7%
Lime Green 2.7%
Orange 1.3%
Deep Sky Blue 1.3%
Light Royal Blue 1.3%
Medium Spring Green 1.3%
Deep Pink 1.3%
Steel Blue 1.3%
Deep Royal Blue 1.3%

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
15.91:1 AAA

On white
—

Text, background · button, body
Near Black

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 87

On text
—

On white
15.91:1 AAA

Text · body, .entry-title a
Black

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 100

On text
1.32:1 Fail

On white
21.00:1 AAA

Background, text, graphic · .wp-block-cover-image.has-background-dim:not([class*=-background-color]), .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-backgro
Cool Dark Grey

HEX

RGB

HSL

OKLCH

CMYK
10 10 0 63

On text
2.16:1 Fail

On white
7.38:1 AAA

Background, text · button, .entry-title a:hover

Colours

Brand colours and accents, most used first

Dodger Blue

HEX

RGB

HSL

OKLCH

CMYK
73 46 0 5

On text
4.41:1 AA large

On white
3.61:1 AA large

Text, background · a, .footer-bar .widget_nav_menu .current-menu-item a
Crimson

HEX

RGB

HSL

OKLCH

CMYK
0 88 84 11

On text
3.35:1 AA large

On white
4.76:1 AA

Background, text · .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm, .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest
Orange Red

HEX

RGB

HSL

OKLCH

CMYK
0 64 100 4

On text
4.73:1 AA

On white
3.36:1 AA large

Background, text · .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy, .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud
Indian Red

HEX

RGB

HSL

OKLCH

CMYK
0 74 61 4

On text
4.41:1 AA large

On white
3.61:1 AA large

Background, text · .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup, .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket
Lime Green

HEX

RGB

HSL

OKLCH

CMYK
87 0 55 16

On text
8.29:1 AAA

On white
1.92:1 Fail

Background, text · .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify, .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-whatsapp
Orange

HEX

RGB

HSL

OKLCH

CMYK
0 40 100 0

On text
7.43:1 AAA

On white
2.14:1 Fail

Background, text · .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon, .wp-block-social-links.is-style-logos-only .wp-social-link-amazon
Deep Sky Blue

HEX

RGB

HSL

OKLCH

CMYK
85 18 0 24

On text
5.21:1 AA

On white
3.06:1 AA large

Background, text · .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp, .wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp
Light Royal Blue

HEX

RGB

HSL

OKLCH

CMYK
97 66 0 0

On text
2.88:1 Fail

On white
5.52:1 AA

Background, text · .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance, .wp-block-social-links.is-style-logos-only .wp-social-link-behance
Medium Spring Green

HEX

RGB

HSL

OKLCH

CMYK
99 0 32 11

On text
9.53:1 AAA

On white
1.67:1 Fail

Background, text · .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart, .wp-block-social-links.is-style-logos-only .wp-social-link-deviantart
Deep Pink

HEX

RGB

HSL

OKLCH

CMYK
0 67 41 9

On text
4.44:1 AA large

On white
3.58:1 AA large

Background, text · .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble, .wp-block-social-links.is-style-logos-only .wp-social-link-dribbble
Steel Blue

HEX

RGB

HSL

OKLCH

CMYK
90 50 0 5

On text
3.79:1 AA large

On white
4.20:1 AA large

Background, text · .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook, .wp-block-social-links.is-style-logos-only .wp-social-link-facebook
Deep Royal Blue

HEX

RGB

HSL

OKLCH

CMYK
98 56 0 13

On text
2.85:1 Fail

On white
5.59:1 AA

Background, text · .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr, .wp-block-social-links.is-style-logos-only .wp-social-link-flickr

Gradients

linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,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.

Segoe UI

Aa 400

Segoe UI

System font, or not loaded on this page · weights 400 · body, buttons · shown in a stand-in if you don’t have it

Aa 400

Monaco

System font, or not loaded on this page · shown in a stand-in if you don’t have it

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

Type scale

From the site’s CSS

Heading 1 42px / 1.2em weight 400 · none

Gplus.to

Heading 2 35px / 1.2em weight 400 · none

Gplus.to | Trendy News & Analysts

Heading 3 29px / 1.2em weight 400 · none

Gplus.to | Trendy News & Analysts

Heading 4 24px

Gplus.to | Trendy News & Analysts

Heading 5 20px

Gplus.to | Trendy News & Analysts

Heading 6 100%

Gplus.to | Trendy News & Analysts

Body 17px / 1.5 weight 400 · none · Segoe UI

Gplus.to is a tech news website that covers a range of topics, including but not limited to: Technology, Startups, Business, and Entreprene…

Paragraph 1.5em · 24 px / 1.6

Gplus.to is a tech news website that covers a range of topics, including but not limited to: Technology, Startups, Business, and Entreprene…

Small 75%

Gplus.to is a tech news website that covers a range of topics, including but not limited to: Technology, Startups, Business, and Entreprene…

Button 17px / 1.5 weight 400 · none · Segoe UI

Get started

Link 14px / normal weight 500 · none

Sizes in use

Most common across the site

42pxline 1.2em · 4 rules
36px3 rules
24pxline 1.6 · 6 rules
20pxline 1.5 · 6 rules
16pxline 1.8 · 9 rules
15pxline 1.5 · 7 rules
14pxline normal · 7 rules
13px8 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 · #55555E

Link

Read our latest news today.

a · #4184F3

Corner radius

9999px · 5×
1.5em · 2×
3px · 2×
2em · 1×
inherit · 1×
100% · 1×

Shadows

0 0 2px 2px rgba(0,0,0,.6)
1px 1px 0 rgba(0,0,0,.1)
-1px 1px 0 rgba(0,0,0,.1)

Layout

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

Grid

Breakpoints

600

768

769

781

782

1024

1025

On a scale of 0 to 1440 px.

Content widths (max-width)

1200 px

840 px

420 px

360 px

Notes

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

Notes

● FineThe title is 33 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 Gplus.to use?: Gplus.to’s website uses one typeface: Segoe UI (headings and body text), a system font.
What are Gplus.to’s brand colours?: The main colours on gplus.to are Dodger Blue (#4184F3), Crimson (#E21B24), Orange Red (#F45800), Indian Red (#F6405F), Lime Green (#1BD760) and Orange (#FF9900).
What colour is Gplus.to’s text and background?: Body text is #222222 on a #F7F8F9 background.
Where is Gplus.to’s logo from?: The logo shown in this guide was found on gplus.to’s homepage. For official logo files and usage rules, check Gplus.to’s own brand or press page.
Is this Gplus.to’s official style guide?: No. SiteStyleGuide made it from gplus.to’s public web pages on 27 October 2026, and isn’t affiliated with Gplus.to. 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

gplus-to-tokens.css

Download

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

/* gplus.to design tokens, from SiteStyleGuide (https://sitestyleguide.com/gplus.to) */
:root {
  /* Colours */
  --text: #222222;
  --background: #F7F8F9;
  --colour-white: #FFFFFF;
  --colour-near-black: #222222;
  --colour-black: #000000;
  --colour-cool-dark-grey: #55555E;
  --colour-dodger-blue: #4184F3;
  --colour-crimson: #E21B24;
  --colour-orange-red: #F45800;
  --colour-indian-red: #F6405F;
  --colour-lime-green: #1BD760;
  --colour-orange: #FF9900;
  --colour-deep-sky-blue: #1EA0C3;
  --colour-light-royal-blue: #0757FE;
  --colour-medium-spring-green: #02E49B;
  --colour-deep-pink: #E94C89;
  --colour-steel-blue: #1778F2;
  --colour-deep-royal-blue: #0461DD;
  --gradient-1: linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent);

  /* Typefaces */
  --font-body: -apple-system, system-ui, blinkmacsystemfont, 'Segoe UI', 'Helvetica', 'Arial';
  --font-buttons: -apple-system, system-ui, blinkmacsystemfont, 'Segoe UI', 'Helvetica', 'Arial';
  --font-other: 'Monaco', 'Consolas', 'Andale Mono', 'DejaVu Sans Mono', monospace;

  /* Type scale */
  --text-h1: 42px;
  --leading-h1: 1.2em;
  --text-h2: 35px;
  --leading-h2: 1.2em;
  --text-h3: 29px;
  --leading-h3: 1.2em;
  --text-h4: 24px;
  --text-h5: 20px;
  --text-h6: 100%;
  --text-body: 17px;
  --leading-body: 1.5;
  --text-p: 1.5em;
  --leading-p: 1.6;
  --text-small: 75%;
  --text-button: 17px;
  --leading-button: 1.5;
  --text-a: 14px;
  --leading-a: normal;

  /* Shape */
  --radius-1: 9999px;
  --radius-2: 1.5em;
  --radius-3: 3px;
  --radius-4: 2em;
  --radius-5: inherit;
  --radius-6: 100%;

  /* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
  --breakpoint-1: 600px;
  --breakpoint-2: 768px;
  --breakpoint-3: 769px;
  --breakpoint-4: 781px;
  --breakpoint-5: 782px;
  --breakpoint-6: 1024px;
  --breakpoint-7: 1025px;
  --max-width-1: 1200px;
  --max-width-2: 840px;
  --max-width-3: 420px;
  --max-width-4: 360px;
}

{
    "site": "gplus.to",
    "source": "https://sitestyleguide.com/gplus.to",
    "text": "#222222",
    "background": "#F7F8F9",
    "colours": [
        {
            "name": "White",
            "hex": "#FFFFFF",
            "rgb": [
                255,
                255,
                255
            ]
        },
        {
            "name": "Near Black",
            "hex": "#222222",
            "rgb": [
                34,
                34,
                34
            ]
        },
        {
            "name": "Black",
            "hex": "#000000",
            "rgb": [
                0,
                0,
                0
            ]
        },
        {
            "name": "Cool Dark Grey",
            "hex": "#55555E",
            "rgb": [
                85,
                85,
                94
            ]
        },
        {
            "name": "Dodger Blue",
            "hex": "#4184F3",
            "rgb": [
                65,
                132,
                243
            ]
        },
        {
            "name": "Crimson",
            "hex": "#E21B24",
            "rgb": [
                226,
                27,
                36
            ]
        },
        {
            "name": "Orange Red",
            "hex": "#F45800",
            "rgb": [
                244,
                88,
                0
            ]
        },
        {
            "name": "Indian Red",
            "hex": "#F6405F",
            "rgb": [
                246,
                64,
                95
            ]
        },
        {
            "name": "Lime Green",
            "hex": "#1BD760",
            "rgb": [
                27,
                215,
                96
            ]
        },
        {
            "name": "Orange",
            "hex": "#FF9900",
            "rgb": [
                255,
                153,
                0
            ]
        },
        {
            "name": "Deep Sky Blue",
            "hex": "#1EA0C3",
            "rgb": [
                30,
                160,
                195
            ]
        },
        {
            "name": "Light Royal Blue",
            "hex": "#0757FE",
            "rgb": [
                7,
                87,
                254
            ]
        },
        {
            "name": "Medium Spring Green",
            "hex": "#02E49B",
            "rgb": [
                2,
                228,
                155
            ]
        },
        {
            "name": "Deep Pink",
            "hex": "#E94C89",
            "rgb": [
                233,
                76,
                137
            ]
        },
        {
            "name": "Steel Blue",
            "hex": "#1778F2",
            "rgb": [
                23,
                120,
                242
            ]
        },
        {
            "name": "Deep Royal Blue",
            "hex": "#0461DD",
            "rgb": [
                4,
                97,
                221
            ]
        }
    ],
    "fonts": [
        {
            "name": "Segoe UI",
            "stack": "-apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"",
            "weights": [
                400
            ],
            "source": "System font, or not loaded on this page"
        },
        {
            "name": "Monaco",
            "stack": "Monaco, Consolas, \"Andale Mono\", \"DejaVu Sans Mono\", monospace",
            "weights": [],
            "source": "System font, or not loaded on this page"
        }
    ]
}

Other websites using Segoe UI as their main typeface

S

SORT

sort-office.com · set in Segoe UI
Save
CodeCanyon

codecanyon.net · set in Segoe UI
Save
xbox.com

xbox.com · set in Segoe UI
Save
orbitz

orbitz.com · set in Segoe UI
Save

Websites whose lead colour is closest to Gplus.to’s

Facebook

messenger.com · 2 days ago
Save
Facebook

m.me · 4 days ago
Save
Dillard's

dillards.com · 6 days ago
Save
Plarium

plarium.com · 2 days ago
Save

Captured from gplus.to on 27 October 2026. SiteStyleGuide isn’t affiliated with or endorsed by Gplus.to; this guide describes the public website for reference.

Gplus.tostyle guide

Title &description

Logo

Favicons

Colour

Balance

Neutrals

White

Near Black

Black

Cool Dark Grey

Colours

Dodger Blue

Crimson

Orange Red

Indian Red

Lime Green

Orange

Deep Sky Blue

Light Royal Blue

Medium Spring Green

Deep Pink

Steel Blue

Deep Royal Blue

Gradients

Segoe UI

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Share

Run gplus.to?

Also set in Segoe UI

SORT

CodeCanyon

xbox.com

orbitz

Similar colours

Facebook

Facebook

Dillard's

Plarium

Title &
description