A CMS Portfolio template for designers. Purchase template here.

Style guide

Typography

The primary styles for text sizing used throughout the template.

u-display

Heading XXL

u-h1

Heading XL

All H1 Headings

Heading XL

u-h2

Heading Lg

All H2 Headings

Heading Lg

u-h3

Heading M

All H3 Headings

Heading 3

u-h4

Heading Sm

All H4 Headings

Heading 4

u-h5
Heading XS
All H5 Headings
Heading 5
u-h6
Heading XS
All H6 Headings
Heading 6
u-text

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.

u-text-small

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.

All Block Quotes
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.
All Unordered Lists
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
All Ordered Lists
  1. Lorem ipsum dolor sit amet
  2. Lorem ipsum dolor sit amet
  3. Lorem ipsum dolor sit amet
u-rich-text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing 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.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Colors

The colors used throughout the website. These classes can be added to any element to change the background color.

u-bg-black

u-bg-red

u-bg-light

u-bg-light-20

Buttons

button

is-secondary

Button Text

Button

Button text

Text Link

Button text

Forms

Thank you!
I have received your message! I will do my best to respond to your inquiry within 48 hours.
Something went wrong while submitting the form. Please try again.

Layout

Section Padding

section

section

is-double-top

section

is-double-bottom

section

is-half-top

section

is-half-bottom

section

is-none-top

section

is-none-bottom