What font does Tradeindia use?

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

What are Tradeindia’s brand colours?

The main colours on tradeindia.com are Deep Royal Blue (#265C81), Midnight Blue (#082F4A), Light Steel Blue (#4084AD), Lime Green (#01B41D), Forest Green (#01931F) and Chocolate (#E1771A).

What colour is Tradeindia’s text and background?

Body text is #000000 on a #FFFFFF background.

Where is Tradeindia’s logo from?

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

Is this Tradeindia’s official style guide?

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

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

Unofficial style guide

Tradeindiastyle guide

Tradeindia’s website (tradeindia.com) uses Arial for its headings and body text. Its palette is led by Deep Royal Blue (#265C81), Midnight Blue (#082F4A) and Light Steel Blue (#4084AD), with #000000 text on #FFFFFF. Captured from the live site on 24 October 2026.

Website: tradeindia.com
Typefaces: Arial, Poppins
Palette: 4 neutrals, 12 colours, 3 gradients
Captured: 24 Oct 2026 · added by @sitestyleguide

Save Add to collection Share Report

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

Screenshot of the tradeindia.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: TradeIndia - B2B Marketplace for Top Manufacturers, Exporters, Suppliers; ▲ 72 / 60 characters
Meta description: Tradeindia.com is India’s largest B2B marketplace with over 10 million registered users. Best B2B portal for top manufacturers, suppliers, exporters & dealers. Buy or sell with an amazing experience and grow your business globally.; ▲ 231 / 160 characters
Site name: Tradeindia
og:title: TradeIndia - B2B Marketplace for Top Manufacturers, Exporters, Suppliers
og:description: Tradeindia.com is India’s largest B2B marketplace with over 10 million registered users. Best B2B portal for top manufacturers, suppliers, exporters & dealers. Buy or sell with an amazing experience and grow your business globally.
Language: en

In search results

Tradeindiahttps://www.tradeindia.com/

TradeIndia - B2B Marketplace for Top Manufacturers, Exporters…

Tradeindia.com is India’s largest B2B marketplace with over 10 million registered users. Best B2B portal for top manufacturers, suppliers, exporters & dealers. B…

When shared

tradeindia.com

TradeIndia - B2B Marketplace for Top Manufacturers, Exporters, Suppliers

Tradeindia.com is India’s largest B2B marketplace with over 10 million registered users. Best B2B portal for …

Logo & favicons

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

Logo

On white

On black

On Deep Royal Blue

Favicons

8 found

180 px · ICO apple-touch-icon
167 px · ICO apple-touch-icon
152 px · ICO apple-touch-icon
120 px · ICO apple-touch-icon
76 px · ICO apple-touch-icon
48 px · ICO favicon.ico
32 px · ICO apple-touch-icon
16 px · ICO shortcut icon

TradeIndia - B2B Marketplace for Top Manufacturers, Exporters, Suppliers

Light browser tab

TradeIndia - B2B Marketplace for Top Manufacturers, Exporters, Suppliers

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 35.7%
Deep Royal Blue 15.9%
Midnight Blue 8.2%
Light Steel Blue 6.1%
Lime Green 5.2%
Forest Green 5.2%
Black 4.5%
Cool Charcoal 4.3%
Chocolate 4%
Off White 3.6%
Slate Grey 3.5%
Light Slate Grey 1.3%
Deep Steel Blue 0.8%
Dim Grey 0.7%
Light Royal Blue 0.6%
Medium Sea Green 0.6%

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 · .fyRPSP:before, .flmpre.btn-main
Black

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 100

On text
—

On white
21.00:1 AAA

Text, background · .ghnOFg .card_title, .lduuYj .moq
Cool Charcoal

HEX

RGB

HSL

OKLCH

CMYK
30 13 0 75

On text
1.75:1 Fail

On white
11.99:1 AAA

Text, background · .jDOMtV .main-heading, .gynIQV .user
Off White

HEX

RGB

HSL

OKLCH

CMYK
2 1 0 5

On text
18.39:1 AAA

On white
1.14:1 Fail

Border, background · .kvAQNy .slick-next, .kvAQNy .slick-prev

Colours

Brand colours and accents, most used first

Deep Royal Blue

HEX

RGB

HSL

OKLCH

CMYK
71 29 0 49

On text
2.93:1 Fail

On white
7.17:1 AAA

Text, background, border · .ghnOFg .card_title, .cuFrey .btn-tag .btn-tag-item
Midnight Blue

HEX

RGB

HSL

OKLCH

CMYK
89 36 0 71

On text
1.52:1 Fail

On white
13.85:1 AAA

Text, background · .iybHty .mainHeading, .hRvqVb .servHeading
Light Steel Blue

HEX

RGB

HSL

OKLCH

CMYK
63 24 0 32

On text
5.12:1 AA

On white
4.10:1 AA large

Background, border, text · .flmpre.btn-blue, .gNBwvN.btn-blue
Lime Green

HEX

RGB

HSL

OKLCH

CMYK
99 0 84 29

On text
7.55:1 AAA

On white
2.78:1 Fail

Background · .flmpre.btn-main.watsapp-btn, .flmpre.btn-main.whatsapp-btn
Forest Green

HEX

RGB

HSL

OKLCH

CMYK
99 0 79 42

On text
5.19:1 AA

On white
4.04:1 AA large

Background · .flmpre.btn-main.watsapp-btn, .flmpre.btn-main.whatsapp-btn
Chocolate

HEX

RGB

HSL

OKLCH

CMYK
0 47 88 12

On text
6.86:1 AA

On white
3.06:1 AA large

Text, background, border · .juDDJW .slick-dots li.slick-active button:before, .iybHty .serviceBtnImg
Slate Grey

HEX

RGB

HSL

OKLCH

CMYK
29 13 0 48

On text
4.26:1 AA large

On white
4.93:1 AA

Text · .flmpre.btn-main, .gNBwvN.btn-main
Light Slate Grey

HEX

RGB

HSL

OKLCH

CMYK
22 10 0 35

On text
6.78:1 AA

On white
3.10:1 AA large

Background, text · .ffZJJg .mobile-logout-wrapper .btn, .ffZJJg .user-icon .small-circle
Deep Steel Blue

HEX

RGB

HSL

OKLCH

CMYK
70 24 0 44

On text
3.64:1 AA large

On white
5.76:1 AA

Background, text · .hRvqVb .submitBtn, .ffZJJg .user-active
Dim Grey

HEX

RGB

HSL

OKLCH

CMYK
28 13 0 57

On text
3.19:1 AA large

On white
6.58:1 AA

Text · .hNWHZz, .ffZJJg .otherTxt
Light Royal Blue

HEX

RGB

HSL

OKLCH

CMYK
94 56 0 22

On text
3.23:1 AA large

On white
6.51:1 AA

Background, text, border · .jDOMtV .payoBtn-outlined, .jDOMtV .payoBtn
Medium Sea Green

HEX

RGB

HSL

OKLCH

CMYK
79 0 69 34

On text
6.80:1 AA

On white
3.09:1 AA large

Background · .ffZJJg .scrolling-words-box ul li.buySell.buy, .ghnOFg .greenbox

Gradients

linear-gradient(90deg,#01B41D 0%,#01931F 100.12%)
linear-gradient(40.27deg,#4084AD -16.4%,#265C81 118.06%)
linear-gradient(40deg,#4084ad -16.4%,#265c81 118.06%)

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 · weights 400 · shown in a stand-in if you don’t have it

Aa 400

Poppins

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

Paragraph 12px / 16px weight 600

Tradeindia.com is India’s largest B2B marketplace with over 10 million registered users. Best B2B portal for top manufacturers, suppliers, …

Button 0 · 0 px / 0

Get started

Sizes in use

Most common across the site

20pxline 28px · 4 rules
18pxline 24px · 13 rules
16pxline 24px · 12 rules
14pxline 20px · 47 rules
13pxline 22px · 4 rules
12pxline 18px · 27 rules
10pxline 15px · 8 rules
9pxline 18px · 2 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

.ffZJJg .mobile-logout-wrapper .btn · #8195A5 · radius 4px

Corner radius

8px · 37×
50% · 23×
4px · 16×
2px · 9×
10px · 8×
8px 8px 0 0 · 8×

Shadows

0px 2px 30px 9px rgba(109,103,89,0.0574191)
0px 2px 7.6px 0px #a5a0a040
3px 31px 40px rgba(187,194,205,0.25)
3px 31px 40px -42px #bbc2cd

Layout

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

Grid

Breakpoints

575

576

767

768

992

1024

1025

1200

On a scale of 0 to 1440 px.

Content widths (max-width)

1320 px

1140 px

1082 px

960 px

720 px

540 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.
▲ CheckThe description is 231 characters. Search results usually show about 160.

Questions

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

Questions

What font does Tradeindia use?: Tradeindia’s website uses one typeface: Arial (headings and body text), a system font.
What are Tradeindia’s brand colours?: The main colours on tradeindia.com are Deep Royal Blue (#265C81), Midnight Blue (#082F4A), Light Steel Blue (#4084AD), Lime Green (#01B41D), Forest Green (#01931F) and Chocolate (#E1771A).
What colour is Tradeindia’s text and background?: Body text is #000000 on a #FFFFFF background.
Where is Tradeindia’s logo from?: The logo shown in this guide was found on tradeindia.com’s homepage. For official logo files and usage rules, check Tradeindia’s own brand or press page.
Is this Tradeindia’s official style guide?: No. SiteStyleGuide made it from tradeindia.com’s public web pages on 24 October 2026, and isn’t affiliated with Tradeindia. 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

tradeindia-com-tokens.css

Download

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

/* tradeindia.com design tokens, from SiteStyleGuide (https://sitestyleguide.com/tradeindia.com) */
:root {
  /* Colours */
  --text: #000000;
  --background: #FFFFFF;
  --colour-white: #FFFFFF;
  --colour-black: #000000;
  --colour-cool-charcoal: #2D3840;
  --colour-off-white: #EEF0F3;
  --colour-deep-royal-blue: #265C81;
  --colour-midnight-blue: #082F4A;
  --colour-light-steel-blue: #4084AD;
  --colour-lime-green: #01B41D;
  --colour-forest-green: #01931F;
  --colour-chocolate: #E1771A;
  --colour-slate-grey: #5E7384;
  --colour-light-slate-grey: #8195A5;
  --colour-deep-steel-blue: #2B6C8F;
  --colour-dim-grey: #4F5F6D;
  --colour-light-royal-blue: #0C58C6;
  --colour-medium-sea-green: #24A934;
  --gradient-1: linear-gradient(90deg,#01B41D 0%,#01931F 100.12%);
  --gradient-2: linear-gradient(40.27deg,#4084AD -16.4%,#265C81 118.06%);
  --gradient-3: linear-gradient(40deg,#4084ad -16.4%,#265c81 118.06%);

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

  /* Type scale */
  --text-p: 12px;
  --leading-p: 16px;
  --text-button: 0;
  --leading-button: 0;

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

  /* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
  --breakpoint-1: 575px;
  --breakpoint-2: 576px;
  --breakpoint-3: 767px;
  --breakpoint-4: 768px;
  --breakpoint-5: 992px;
  --breakpoint-6: 1024px;
  --breakpoint-7: 1025px;
  --breakpoint-8: 1200px;
  --max-width-1: 1320px;
  --max-width-2: 1140px;
  --max-width-3: 1082px;
  --max-width-4: 960px;
  --max-width-5: 720px;
  --max-width-6: 540px;
}

{
    "site": "tradeindia.com",
    "source": "https://sitestyleguide.com/tradeindia.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": "#2D3840",
            "rgb": [
                45,
                56,
                64
            ]
        },
        {
            "name": "Off White",
            "hex": "#EEF0F3",
            "rgb": [
                238,
                240,
                243
            ]
        },
        {
            "name": "Deep Royal Blue",
            "hex": "#265C81",
            "rgb": [
                38,
                92,
                129
            ]
        },
        {
            "name": "Midnight Blue",
            "hex": "#082F4A",
            "rgb": [
                8,
                47,
                74
            ]
        },
        {
            "name": "Light Steel Blue",
            "hex": "#4084AD",
            "rgb": [
                64,
                132,
                173
            ]
        },
        {
            "name": "Lime Green",
            "hex": "#01B41D",
            "rgb": [
                1,
                180,
                29
            ]
        },
        {
            "name": "Forest Green",
            "hex": "#01931F",
            "rgb": [
                1,
                147,
                31
            ]
        },
        {
            "name": "Chocolate",
            "hex": "#E1771A",
            "rgb": [
                225,
                119,
                26
            ]
        },
        {
            "name": "Slate Grey",
            "hex": "#5E7384",
            "rgb": [
                94,
                115,
                132
            ]
        },
        {
            "name": "Light Slate Grey",
            "hex": "#8195A5",
            "rgb": [
                129,
                149,
                165
            ]
        },
        {
            "name": "Deep Steel Blue",
            "hex": "#2B6C8F",
            "rgb": [
                43,
                108,
                143
            ]
        },
        {
            "name": "Dim Grey",
            "hex": "#4F5F6D",
            "rgb": [
                79,
                95,
                109
            ]
        },
        {
            "name": "Light Royal Blue",
            "hex": "#0C58C6",
            "rgb": [
                12,
                88,
                198
            ]
        },
        {
            "name": "Medium Sea Green",
            "hex": "#24A934",
            "rgb": [
                36,
                169,
                52
            ]
        }
    ],
    "fonts": [
        {
            "name": "Arial",
            "stack": "Arial, Helvetica, sans-serif",
            "weights": [
                400
            ],
            "source": "System font, or not loaded on this page"
        },
        {
            "name": "Poppins",
            "stack": "\"Poppins\", 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 Tradeindia’s

VMware by Broadcom

vmware.com · 2 days ago
Save
ProBlogger

problogger.net · 3 days ago
Save
Internal Revenue Service

irs.gov · 9 hours ago
Save
US EPA

epa.gov · 8 hours ago
Save

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

Tradeindiastyle guide

Title &description

Logo

Favicons

Colour

Balance

Neutrals

White

Black

Cool Charcoal

Off White

Colours

Deep Royal Blue

Midnight Blue

Light Steel Blue

Lime Green

Forest Green

Chocolate

Slate Grey

Light Slate Grey

Deep Steel Blue

Dim Grey

Light Royal Blue

Medium Sea Green

Gradients

Arial

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Share

Run tradeindia.com?

Also set in Arial

DaFont

Fauna Robotics

SendSpace

ieee.org

Similar colours

VMware by Broadcom

ProBlogger

Internal Revenue Service

US EPA

Title &
description