Primary Color Palette

Primary

#ff7936

Black

#231f20

Grey

#bbbdbf

Bkgd Grey

#f5f5f5

White

#FFFFFF

Color Tints

#ff7936
#ff864a
#ffa172
#ffbc9b
#ffd7c3
#330000
#660000
#991300
#cc4603

Color Grayscale

#231f20
#322f30
#393536
#444141
#4f4c4d
#656263
#7b7979
#918f8f
#a7a5a6
#bdbcbc
#D3D2D2
#DEDDDE
#E9E9E9
#F0EFEF

Secondary Color Palette

Orange

#f26122

Typography

Aa

Saira
  • Black Italic

Aa

Inter
  • italic
  • Regular
  • Medium
  • Medium italic
  • SemiBold
  • SemiBold italic
  • Bold
  • Bold italic
  • Black
  • Black italic
H1 Display
Font Family: Saira
Font weight: 900
Font Size: 72px
Line Height: 1.1
Letter Spacing: 0

The quick brown fox jumps over the lazy dog.

H1 Display Mobile
Font Size: 33px
Line Height: 1.1

The quick brown fox jumps over the lazy dog.

H1
Font Family: Saira
Font weight: 900
Font Size: 50px
Line Height: 1.1
Letter Spacing: 0

The quick brown fox jumps over the lazy dog.

H1 Mobile
Font Size: 40px
Line Height: 1.1

The quick brown fox jumps over the lazy dog.

H2
Font Family: Saira
Font weight: 900
Font Size: 36px
Line Height: 1.1
Letter Spacing: 0

The quick brown fox jumps over the lazy dog.

H2 Mobile
Font Size: 30px
Line Height: 1.1

The quick brown fox jumps over the lazy dog.

H3
Font Family: Saira
Font weight: 900
Font Size: 30px
Line Height: 1.1
Letter Spacing: 0

The quick brown fox jumps over the lazy dog.

H3 Mobile
Font Size: 26px
Line Height: 1.1

The quick brown fox jumps over the lazy dog.

H4
Font Family: Saira
Font weight: 900
Font Size: 26px
Line Height: 1.1
Letter Spacing: 0

The quick brown fox jumps over the lazy dog.

H4 Mobile
Font Size: 22px
Line Height: 1.1

The quick brown fox jumps over the lazy dog.

H5
Font Family: Inter
Font weight: 700
Font Size: 20px
Line Height: 1.3
Text Transform: none
The quick brown fox jumps over the lazy dog.
H5 Mobile
Font Size: 17px
Line Height: 1.3
The quick brown fox jumps over the lazy dog.
H6
Font Family: Inter
Font weight: 500
Font Size: 15px
Line Height: 1.2
Letter Spacing: 0.04em
The quick brown fox jumps over the lazy dog.
H6 Mobile
Font Size: 13px
Line Height: 1.2
The quick brown fox jumps over the lazy dog.
Subtitle
Font Family: Saira
Font weight: 700
Font Size: 14px
Line Height: 1.1
Letter Spacing: 1.2
The quick brown fox jumps over the lazy dog.
Subtitle Mobile
Font Size: 13px
Line Height: 1.1
The quick brown fox jumps over the lazy dog.
Paragraph
Font Family: Inter
Font Weight: 400
Font Size: 15px
Line Height: 1.6
Letter Spacing: 0
Font Color: #231f20

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

info@planetx.in

Button Style

Placeholder Text
btn btn-primary
Placeholder Text
btn btn-secondary
Placeholder Text
btn btn-light
Placeholder Text
btn btn-outline-light
Placeholder Text
btn btn-dark
Placeholder Text
btn btn-outline-dark
Placeholder Text
btn btn-outline-dark
Placeholder Text
btn btn-sm
Placeholder Text
btn btn-lg
Shop Now
btn btn-link btn-link-light
Shop Now
btn btn-link btn-link-dark
Change Vehicle

Text Fields

Normal Form
Disabled Form

Selections

Checkbox
Radio button
Form Dropdown

Tags

  • New
  • Sale
  • Out of Stock
  • Low Stock
  • Back in Stock
  • Backordered