Black

#000000

Red

#e95f4d

white

#ffffff

Color Tints

#F2DBCF
#333333
#666666
#999999
#cccccc
#D29C7D
#ED7F70
#F29F94
#F6BFB8
#FBDFDB

Primart Color Palette

Ice

#DBEFF5

Rosa

#F9EAF1

Lite Rosa

#F9ECF5

Tan

#EEEEE9

Rosa

#F7F7F7

Grey Color Tints

#000000
#1a1a1a
#333333
#666666
#666666
#808080
#999999
#b3b3b3
#cccccc
#EEEEEE

Typography

Aa

neue-haas-grotesk-display
  • Medium (500)
  • Semi Bold (600)
  • Bold (700)
  • Black (900)

Aa

ivyjournal
  • Regular
  • Italic
H1
neue-haas-grotesk-display
900
Font Size: 120px
Line Height: 92%
Font Color: #000000

The Quick Brown fox.

H1 MOBILE
neue-haas-grotesk-display
700
Font Size: 72px
Line Height: 92%
Font Color: #000000

The Quick Brown fox.

H2
neue-haas-grotesk-display
700
Font Size: 90px
Line Height: 110%
Font Color: #000000

The Quick Brown Fox Jumps Over the Lazy.

H2 MOBILE
neue-haas-grotesk-display
700
Font Size: 54px
Line Height: 110%
Font Color: #000000

The Quick Brown Fox Jumps Over the Lazy.

H3
neue-haas-grotesk-display
700
Font Size: 48px
Line Height: 125%
Font Color: #000000

The quick brown fox jumps over the lazy dog.

H3 MOBILE
neue-haas-grotesk-display
700
Font Size: 28px
Line Height: 125%
Font Color: #000000

The Quick Brown Fox Jumps Over the Lazy.

H4
neue-haas-grotesk-display
700
Font Size: 24px
Line Height: 150%
Font Color: #000000

The quick brown fox jumps over the lazy dog.

H4 MOBILE
neue-haas-grotesk-display
700
Font Size: 14px
Line Height: 150%
Font Color: #000000

The Quick Brown Fox Jumps Over the Lazy.

H5
neue-haas-grotesk-display
700
Font Size: 20px
Line Height: 130%
Font Color:
The quick brown fox jumps over the lazy dog.
H5 MOBILE
neue-haas-grotesk-display
700
Font Size: 14px
Line Height: 130%
Font Color: #000000
The Quick Brown Fox Jumps Over the Lazy.
H6
neue-haas-grotesk-display
700
Font Size: 16px
Line Height: 110%
Font Color:
The quick brown fox jumps over the lazy dog.
H6 MOBILE
neue-haas-grotesk-display
700
Font Size: 10px
Line Height: 110%
Font Color: #000000
The Quick Brown Fox Jumps Over the Lazy.
Paragraph
Neue Haas Grotesk Display Pro
Font Size: 16px
Line Height: 150%
Font Color: #000

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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis.

Paragraph Mobile
Font Size: 14px
Line Height: 150%
Font Color: #000

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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis.

Normal Button
Small Button

  • btn btn-white btn-sm

    + Add

  • btn btn-secondary btn-sm

    + Add

  • btn btn-primary btn-sm

    + Add

  • btn btn-sm btn-outline-secondary

    + Add

  • btn btn-sm btn-outline-white

    + Add

btn-link

Buy Now
Default
Filled - Active
Filled - Inactive
Alert/Error Message

Lorem ipsum dolor sit amet consectetur

Radio Button
Checkbox