Pixeworks Styleguide

We are a hybrid, part virtual, and part brick and mortar Lead Generating and Digital Marketing Firm catering to SMBs nation wide. Our agile model gives us super powers to perform at our peak, providing only awesome results for our clients.

Colors

Primary Color

Primary 1
#F4263E

Secondary Colors

Secondary 1
#ED1C24
Secondary 2
##FDB913
Secondary 3
#009FDA
Secondary 4
#333333
Secondary 5
#FFFAF1
Secondary 6
# c0c0c0

Neutral Colors

Neutral 700
#1F2559
Neutral 500
#62668A
Neutral 300
#BEBFCC
Neutral 200
#E7E8F1
Neutral 100
#FAFAFC
White
#FFFFFF

Typography

© 2023  Pixeworks®| We ♥  getting results for our customers

Rich Text

Heading H1 - Aa Bb Cc Dd

Heading 1 - 48px/1.292em

Heading H2 - Aa Bb Cc Dd

Heading 2 - 38px/1.263em

Heading H3 - Aa Bb Cc Dd

Heading 3 - 24px/1.375em

Heading H4 - Aa Bb Cc Dd

Heading 4 - 20px/1.400em
Heading H5 - Aa Bb Cc Dd
Heading 5 - 18px/1.333em
Heading H6 - Aa Bb Cc Dd
Heading 6 - 16px/1.125em

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraph Default - 16px/1.688em

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraph Large - 20px/1.7em

Bold - Lorem ipsum dolor sit amet

Bold Text

Italic - Lorem ipsum dolor sit amet

Italic
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquet euismod ut id ullamcorper nunc diam. Amet a ac ut pharetra. Amet, accumsan, nisl in elementum volutpat integer. Cursus est elementum maecenas ut.
Block Quote
  • Aliquet porttitor lacus luctus accumsan tortor posuere ac ut. Lectus quam.
  • Placerat vestibulum lectus mauris ultrices eros in cursus.
  • Convallis aenean et tortor at. Convallis tellus id interdum velit laoreet idon.
Bullet List
  1. Aliquet porttitor lacus luctus accumsan tortor posuere ac ut. Lectus quam.
  2. Placerat vestibulum lectus mauris ultrices eros in cursus.
  3. Convallis aenean et tortor at. Convallis tellus id interdum velit laoreet idon.
Numered List
Lorem ipsum dolor sit ame porttiust eroso
Figure & Figure Caption

Icons

Buttons

Small
Button Primary - Small
Default
Button Primary - Default
Large
Button Primary - Large
Small
Button Secondary - Small
Default
Button Secondary - Default
Large
Button Secondary - Large