TYPOGRAPHY & COLORS

TYPE

Notes: Velvet Hammer font is added through code, you won't be able to see it as an option in the design style editor. The only way to change it is through CSS. When you set h1 and h3 to be bold, they will not get bold, but will change color to the warm gray. h2 is already in the warm gray, bold is in the mist, italic is in the antique pearl.

 

H1: Heading 1

H1: Heading 1 Italic

H1: Heading 1 Bold

H1: Heading 1 Bold Italic

 

H2: Heading 2

H2:Heading 2 Bold

H2: Heading 2 Italic

 

H3: Heading 3
H3: Heading 3 Italic

H3: Heading Bold

H3: Heading Bold Italic

 

P: Normal

P: Normal Bold

Alitas dolorum volupti onserem quia dolore, qui videm alictat iorrovi tatur? Qui doloreperum autet laborrovidel inctiur? Quis auda nus volectus suntotaqui doluptatquae numque voluptam ati officimusam qui derores eosam expernamet vel moditium aut dolest velique vendunt quam es con coresequi doles eumqui ulpa dissinc ientibea quatem es moluptatis et haria suntect ibusciendeni blab ius am fuga. Nis alitati quia

  • Alitas dolorum
  • Quis auda nus es moluptatis et haria
  • Suntect ibusciendeni blab ius am fuga. Nis alitati quia

 

Quote: is indented text with a line to the left. 

Alitas dolorum volupti onserem quia dolore, qui videm alictat iorrovi tatur? Qui doloreperum autet laborrovidel inctiur? Quis auda nus volectus suntotaqui doluptatquae numque voluptam ati officimusam qui derores eosam expernamet vel moditium aut dolest velique vendunt quam es con coresequi doles eumqui ulpa dissinc ientibea quatem es moluptatis et haria suntect ibusciendeni blab ius am fuga. Nis alitati quia

QUOTE BLOCK
This is what a quote block looks like. You can’t do much with it, which also means you can’t really screw it up. It used to come with automatic quotes which was annoying, but with a little CSS magic they are now gone.
— Yay, for coding! (Also, attribution goes here)
 

COLORS

GOLD
hsla(45, 75%, 42%, 0.86)
#F1DC9E
241, 220, 158

WARM GRAY
RGB: 159, 140, 137
HEX: #9f8c89

MIST
RGB: 229, 219, 215
HEX: #e5dbd7

ANTIQUE PEARL
RGB: 239, 234, 231
HEX: #efeae7

 

 

BUTTONS

 

FORM

Checkbox
Radio
product Block
This is an example product. Double-click here to search for one of your own products to display. Learn more
Cursus Amet
0.00
Quantity:
Add To Cart