What font does Jagran Josh use?

Jagran Josh’s website uses one typeface: Arial (headings and body text), a system font.

What are Jagran Josh’s brand colours?

The main colours on jagranjosh.com are Light Fire Brick (#D50007), Deep Black (#111827), Peach Puff (#FFD0AE), Light Black (#1F2937), Orange Red (#F95721) and Red (#FF0000).

What colour is Jagran Josh’s text and background?

Body text is #000000 on a #FFFFFF background.

Where is Jagran Josh’s logo from?

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

Is this Jagran Josh’s official style guide?

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

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

Unofficial style guide

Jagran Joshstyle guide

Jagran Josh’s website (jagranjosh.com) uses Arial for its headings and body text. Its palette is led by Light Fire Brick (#D50007), Deep Black (#111827) and Peach Puff (#FFD0AE), with #000000 text on #FFFFFF. Captured from the live site on 22 October 2026.

Website: jagranjosh.com
Typefaces: Arial, Roboto
Palette: 4 neutrals, 12 colours, 3 gradients
Captured: 22 Oct 2026 · added by @sitestyleguide

Save Add to collection Share Report

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

Screenshot of the jagranjosh.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: Jagran Josh | Exams, Results, Govt Jobs, GK & Career Guidance; ▲ 61 / 60 characters
Meta description: Jagran Josh brings you latest updates on school and college exams, board results, govt jobs, study materials, current affairs, GK and career guidance.; ● 150 / 160 characters
Site name: Jagran Josh
og:title: Jagran Josh | Exams, Results, Govt Jobs, GK & Career Guidance
og:description: Jagran Josh brings you latest updates on school and college exams, board results, govt jobs, study materials, current affairs, GK and career guidance.
Language: en
Theme colour: #ffffff

In search results

Jagran Joshhttps://www.jagranjosh.com/

Jagran Josh | Exams, Results, Govt Jobs, GK & Career Guidance

Jagran Josh brings you latest updates on school and college exams, board results, govt jobs, study materials, current affairs, GK and career guidance.

When shared

jagranjosh.com

Jagran Josh | Exams, Results, Govt Jobs, GK & Career Guidance

Jagran Josh brings you latest updates on school and college exams, board results, govt jobs, study materials,…

Logo & favicons

Found as: schema.org logo. PNG, 600 × 60.

Logo

On white

On black

On Light Fire Brick

Favicons

8 found

512 px · PNG manifest
256 px · PNG manifest
192 px · PNG manifest
144 px · PNG manifest
128 px · PNG manifest
96 px · PNG manifest
48 px · ICO shortcut icon
48 px · ICO favicon.ico

Jagran Josh | Exams, Results, Govt Jobs, GK & Career Guidance

Light browser tab

Jagran Josh | Exams, Results, Govt Jobs, GK & Career Guidance

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 34.2%
Black 20.4%
Light Fire Brick 15%
Near Black 5.3%
Warm Off White 5.2%
Deep Black 3.9%
Peach Puff 3.2%
Light Black 2.2%
Orange Red 2.2%
Red 1.5%
Deep Fire Brick 1.3%
Dark Red 1.3%
Light Coral 1.3%
Sandy Brown 1.3%
Deep Coral 0.8%
Cadet Blue 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
—

Background, text, border · .Header_hamburgerMain__8nRpf .Header_navBarContainer__yKRi9 .Header_navBarMain__, .Header_HeaderContainer__K_IVA.Header_visible__TBWrZ
Black

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 100

On text
—

On white
21.00:1 AAA

Background, text, border · footer, .Header_hamCont__jnrmt .Header_hamData__KNumb .Header_navBar__Dwzfk h4 .Header_n
Near Black

HEX

RGB

HSL

OKLCH

CMYK
12 12 0 90

On text
1.17:1 Fail

On white
17.89:1 AAA

Text, background · .HomeV2_cardHeader__9dHQK h3, .HomeV2_bulletLink__TfDMb .HomeV2_itemContent__h4R6M .HomeV2_itemTitle__GCAt5
Warm Off White

HEX

RGB

HSL

OKLCH

CMYK
0 5 8 0

On text
19.27:1 AAA

On white
1.09:1 Fail

Background · .HomeV2_instituteListingWrapper__g4BIM .HomeV2_listingHeader__DSFbH .HomeV2_titl, .HomeV2_iconBox__l__mb

Colours

Brand colours and accents, most used first

Light Fire Brick

HEX

RGB

HSL

OKLCH

CMYK
0 100 97 16

On text
3.83:1 AA large

On white
5.48:1 AA

Text, background, border · .Header_hamCont__jnrmt .Header_hamData__KNumb .Header_navBar__Dwzfk h4 .Header_n, .Header_focusSec__7Ek2d .Header_focus__zofDH .Header_heading__Jc7jq
Deep Black

HEX

RGB

HSL

OKLCH

CMYK
56 38 0 85

On text
1.18:1 Fail

On white
17.74:1 AAA

Text · .HomeV2_widgetWrap__Rgrix .HomeV2_cardHeader__9dHQK .HomeV2_headerLeft__OiCvS h2, .HomeV2_gkSection__Mhojf .HomeV2_gkPeachCard__OWSTL .HomeV2_gkQuizTitle__0vHNI
Peach Puff

HEX

RGB

HSL

OKLCH

CMYK
0 18 32 0

On text
14.89:1 AAA

On white
1.41:1 Fail

Background · .HomeV2_instituteListingWrapper__g4BIM .HomeV2_listingHeader__DSFbH .HomeV2_titl, .HomeV2_iconBox__l__mb
Light Black

HEX

RGB

HSL

OKLCH

CMYK
44 25 0 78

On text
1.43:1 Fail

On white
14.68:1 AAA

Text · .HomeV2_examsSection__6_LKv .HomeV2_examCard__NzA5J .HomeV2_cardHeader__9dHQK .H, .HomeV2_examsSection__6_LKv .HomeV2_examTitle__O90ZI
Orange Red

HEX

RGB

HSL

OKLCH

CMYK
0 65 87 2

On text
6.41:1 AA

On white
3.27:1 AA large

Background, text · .HomeV2_cardOrange__TMTH_, .HomeV2_examsSection__6_LKv .HomeV2_examList__Z_qPq .HomeV2_examItem__cPlHw .Hom
Red

HEX

RGB

HSL

OKLCH

CMYK
0 100 100 0

On text
5.25:1 AA

On white
4.00:1 AA large

Background, text · .reading-progress-bar, .Header_hamburgerMain__8nRpf .Header_navBarContainer__yKRi9 .Header_navBarMain__
Deep Fire Brick

HEX

RGB

HSL

OKLCH

CMYK
0 100 97 26

On text
3.14:1 AA large

On white
6.69:1 AA

Background · .GlobalNews_BtnDanger__PPmrs:hover, .GlobalNews_BtnOutlineDanger__89Wwj:hover
Dark Red

HEX

RGB

HSL

OKLCH

CMYK
0 100 97 36

On text
2.54:1 Fail

On white
8.27:1 AAA

Background · .GlobalNews_BtnDanger__PPmrs:active, .GlobalNews_BtnOutlineDanger__89Wwj:active
Light Coral

HEX

RGB

HSL

OKLCH

CMYK
0 51 63 0

On text
8.40:1 AAA

On white
2.50:1 Fail

Background · .HomeV2_StreamsW__F5lX0 .HomeV2_Streams__P4FFF ul li .HomeV2_Title__4leX1 .HomeV
Sandy Brown

HEX

RGB

HSL

OKLCH

CMYK
0 29 52 0

On text
12.03:1 AAA

On white
1.75:1 Fail

Background · .HomeV2_StreamsW__F5lX0 .HomeV2_Streams__P4FFF ul li .HomeV2_Title__4leX1 .HomeV
Deep Coral

HEX

RGB

HSL

OKLCH

CMYK
0 45 63 7

On text
8.02:1 AAA

On white
2.62:1 Fail

Text, background · .HomeV2_ToolkitSection__OYT2x .HomeV2_cardWrapper__BiPhm .HomeV2_itemList__keVHv, .HomeV2_ToolkitSection__OYT2x .HomeV2_cardWrapper__BiPhm .HomeV2_headerArea__jWa
Cadet Blue

HEX

RGB

HSL

OKLCH

CMYK
78 10 0 24

On text
8.01:1 AAA

On white
2.62:1 Fail

Background · .HomeV2_cardBlue__pTBWk

Gradients

linear-gradient(0deg,#ffd0ae,#fff3eb)
linear-gradient(135deg,#ff7e5f,#feb47b)
linear-gradient(298deg,#fdf1f1 20%,#fff)

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.

Arial

Aa 400

Arial

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

Aa 400

Roboto

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

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

Type scale

From the site’s CSS

Heading 1 1.5rem · 24 px weight 700

Jagran Josh

Heading 2 1.3rem · 21 px weight 700

Jagran Josh | Exams, Results, Govt Jobs, GK & C…

Heading 3 1.1rem · 18 px weight 700

Jagran Josh | Exams, Results, Govt Jobs, GK & C…

Heading 4 14px weight 600

Jagran Josh | Exams, Results, Govt Jobs, GK & C…

Body 1rem · 16 px / 1.4 weight 300

Jagran Josh brings you latest updates on school and college exams, board results, govt jobs, study materials, current affairs, GK and caree…

Paragraph .7rem · 11 px / 1.4 weight 500

Jagran Josh brings you latest updates on school and college exams, board results, govt jobs, study materials, current affairs, GK and caree…

Small .75rem · 12 px weight 700 · capitalize

Jagran Josh brings you latest updates on school and college exams, board results, govt jobs, study materials, current affairs, GK and caree…

Link 13px / 18px weight 500

Sizes in use

Most common across the site

18pxline 1.45 · 11 rules
16pxline 1.4 · 12 rules
14pxline 1.4 · 34 rules
13pxline 1.1 · 23 rules
12pxline 2.4 · 26 rules
11px10 rules
10px12 rules
9pxline 18px · 8 rules

Elements

The main button and link as the site’s CSS draws them, and the corner radii and shadows it uses most.

Elements

Link

Read our latest news today.

a · #000000

Corner radius

10px · 12×
20px · 10×
15px · 9×
50% · 9×
8px · 6×
50px · 4×

Shadows

3px 3px 8px -7px rgba(15,15,35,.3)
1px 1px 6px 1px rgba(15,15,35,.1)
0 0 0 3px #a20005
0 0 0 3px #000

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

680

768

900

991

992

1375

On a scale of 0 to 1440 px.

Content widths (max-width)

1100 px

970 px

700 px

600 px

420 px

300 px

Notes

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

Notes

▲ CheckThe title is 61 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 Jagran Josh use?: Jagran Josh’s website uses one typeface: Arial (headings and body text), a system font.
What are Jagran Josh’s brand colours?: The main colours on jagranjosh.com are Light Fire Brick (#D50007), Deep Black (#111827), Peach Puff (#FFD0AE), Light Black (#1F2937), Orange Red (#F95721) and Red (#FF0000).
What colour is Jagran Josh’s text and background?: Body text is #000000 on a #FFFFFF background.
Where is Jagran Josh’s logo from?: The logo shown in this guide was found on jagranjosh.com’s homepage. For official logo files and usage rules, check Jagran Josh’s own brand or press page.
Is this Jagran Josh’s official style guide?: No. SiteStyleGuide made it from jagranjosh.com’s public web pages on 22 October 2026, and isn’t affiliated with Jagran Josh. 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

jagranjosh-com-tokens.css

Download

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

/* jagranjosh.com design tokens, from SiteStyleGuide (https://sitestyleguide.com/jagranjosh.com) */
:root {
  /* Colours */
  --text: #000000;
  --background: #FFFFFF;
  --colour-white: #FFFFFF;
  --colour-black: #000000;
  --colour-near-black: #17171A;
  --colour-warm-off-white: #FFF3EB;
  --colour-light-fire-brick: #D50007;
  --colour-deep-black: #111827;
  --colour-peach-puff: #FFD0AE;
  --colour-light-black: #1F2937;
  --colour-orange-red: #F95721;
  --colour-red: #FF0000;
  --colour-deep-fire-brick: #BC0006;
  --colour-dark-red: #A20005;
  --colour-light-coral: #FF7E5F;
  --colour-sandy-brown: #FEB47B;
  --colour-deep-coral: #EE8357;
  --colour-cadet-blue: #2BAFC2;
  --gradient-1: linear-gradient(0deg,#ffd0ae,#fff3eb);
  --gradient-2: linear-gradient(135deg,#ff7e5f,#feb47b);
  --gradient-3: linear-gradient(298deg,#fdf1f1 20%,#fff);

  /* Typefaces */
  --font-headings: 'Arial', sans-serif;

  /* Type scale */
  --text-h1: 1.5rem;
  --text-h2: 1.3rem;
  --text-h3: 1.1rem;
  --text-h4: 14px;
  --text-body: 1rem;
  --leading-body: 1.4;
  --text-p: .7rem;
  --leading-p: 1.4;
  --text-small: .75rem;
  --text-a: 13px;
  --leading-a: 18px;

  /* Shape */
  --radius-1: 10px;
  --radius-2: 20px;
  --radius-3: 15px;
  --radius-4: 50%;
  --radius-5: 8px;
  --radius-6: 50px;

  /* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
  --breakpoint-1: 480px;
  --breakpoint-2: 600px;
  --breakpoint-3: 680px;
  --breakpoint-4: 768px;
  --breakpoint-5: 900px;
  --breakpoint-6: 991px;
  --breakpoint-7: 992px;
  --breakpoint-8: 1375px;
  --max-width-1: 1100px;
  --max-width-2: 970px;
  --max-width-3: 700px;
  --max-width-4: 600px;
  --max-width-5: 420px;
  --max-width-6: 300px;
}

{
    "site": "jagranjosh.com",
    "source": "https://sitestyleguide.com/jagranjosh.com",
    "text": "#000000",
    "background": "#FFFFFF",
    "colours": [
        {
            "name": "White",
            "hex": "#FFFFFF",
            "rgb": [
                255,
                255,
                255
            ]
        },
        {
            "name": "Black",
            "hex": "#000000",
            "rgb": [
                0,
                0,
                0
            ]
        },
        {
            "name": "Near Black",
            "hex": "#17171A",
            "rgb": [
                23,
                23,
                26
            ]
        },
        {
            "name": "Warm Off White",
            "hex": "#FFF3EB",
            "rgb": [
                255,
                243,
                235
            ]
        },
        {
            "name": "Light Fire Brick",
            "hex": "#D50007",
            "rgb": [
                213,
                0,
                7
            ]
        },
        {
            "name": "Deep Black",
            "hex": "#111827",
            "rgb": [
                17,
                24,
                39
            ]
        },
        {
            "name": "Peach Puff",
            "hex": "#FFD0AE",
            "rgb": [
                255,
                208,
                174
            ]
        },
        {
            "name": "Light Black",
            "hex": "#1F2937",
            "rgb": [
                31,
                41,
                55
            ]
        },
        {
            "name": "Orange Red",
            "hex": "#F95721",
            "rgb": [
                249,
                87,
                33
            ]
        },
        {
            "name": "Red",
            "hex": "#FF0000",
            "rgb": [
                255,
                0,
                0
            ]
        },
        {
            "name": "Deep Fire Brick",
            "hex": "#BC0006",
            "rgb": [
                188,
                0,
                6
            ]
        },
        {
            "name": "Dark Red",
            "hex": "#A20005",
            "rgb": [
                162,
                0,
                5
            ]
        },
        {
            "name": "Light Coral",
            "hex": "#FF7E5F",
            "rgb": [
                255,
                126,
                95
            ]
        },
        {
            "name": "Sandy Brown",
            "hex": "#FEB47B",
            "rgb": [
                254,
                180,
                123
            ]
        },
        {
            "name": "Deep Coral",
            "hex": "#EE8357",
            "rgb": [
                238,
                131,
                87
            ]
        },
        {
            "name": "Cadet Blue",
            "hex": "#2BAFC2",
            "rgb": [
                43,
                175,
                194
            ]
        }
    ],
    "fonts": [
        {
            "name": "Arial",
            "stack": "Arial, sans-serif",
            "weights": [],
            "source": "System font, or not loaded on this page"
        },
        {
            "name": "Roboto",
            "stack": "Roboto, sans-serif",
            "weights": [],
            "source": "System font, or not loaded on this page"
        }
    ]
}

Other websites using Arial as their main typeface

DaFont

dafont.com · set in Arial
Save3
Fauna Robotics

faunarobotics.com · set in Arial
Save1
SendSpace

sendspace.com · set in Arial
Save
ieee.org

ieee.org · set in Arial
Save

Websites whose lead colour is closest to Jagran Josh’s

GSMArena.com

gsmarena.com · 3 days ago
Save
BILD

bild.de · 6 days ago
Save
I

ITmedia

itmedia.co.jp · 12 hours ago
Save
HELLO!

hellomagazine.com · 4 days ago
Save

Captured from jagranjosh.com on 22 October 2026. SiteStyleGuide isn’t affiliated with or endorsed by Jagran Josh; this guide describes the public website for reference.

Jagran Joshstyle guide

Title &description

Logo

Favicons

Colour

Balance

Neutrals

White

Black

Near Black

Warm Off White

Colours

Light Fire Brick

Deep Black

Peach Puff

Light Black

Orange Red

Red

Deep Fire Brick

Dark Red

Light Coral

Sandy Brown

Deep Coral

Cadet Blue

Gradients

Arial

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Share

Run jagranjosh.com?

Also set in Arial

DaFont

Fauna Robotics

SendSpace

ieee.org

Similar colours

GSMArena.com

BILD

ITmedia

HELLO!

Title &
description