Webflow Styleguide

Browse the UI elements available in Portfolio Z. Portfolio Z is a premium Webflow Template to help you have a great portfolio and online presence. It was designed & developed by BRIX Templates.

Colors

Neutral Colors

Neutral 900
#1A1A1A
Neutral 800
#303030
Neutral 700
#555454
Neutral 600
#848484
Neutral 500
#BABABA
Neutral 400
#ECECEC
Neutral 300
#F9F9F9
Neutral 200
#FEFEFF
Neutral 100
#FFFFFF

Typography

Rich Text

Heading H1 - Aa Bb Cc Dd

Heading 1 - 42px/1.238em

Heading H2 - Aa Bb Cc Dd

Heading 2 - 32px/1.313em

Heading H3 - Aa Bb Cc Dd

Heading 3 - 22px/1.364em

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.375em

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 - 24px/1.583em

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.875em

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 - 15px/1.600em

Bold - Lorem ipsum dolor sit amet

Bold Text

Italic  - Lorem ipsum dolor sit amet

Italic Text
“Vehicula ipsum a arcu cursus vitae. Nec nam aliquam sem et tortor consequat id. Et magnis dis parturient montes nascetur ridiculus mus. In nibh mauris.”
Block Quote
  • Aliquet porttitor lacus luctus accumsan tortor.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Senectus et netus et malesuada fames ac turpis egestas
Bullet List
  1. Aliquet porttitor lacus luctus accumsan tortor.
  2. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  3. Senectus et netus et malesuada fames ac turpis egestas
Bullet List
Mi tempus imperdiet nulla malesuada pellentesque eli.
Figure and Figure Caption

Icons