Website Style Guide

H1 Raleway Regular 45pt

Body text: Raleway Regular 18pt #17252c. https://fonts.google.com/specimen/Raleway

Morbi dignissim laoreet pharetra. Integer dignissim lacus vitae auctor ultricies. Nunc id eros elit. Sed faucibus porttitor ultrices. Donec ac libero eros. Pellentesque id mauris vitae lacus finibus rutrum. Etiam tempus posuere porttitor. Nam fringilla sollicitudin nisl, at dignissim metus vehicula nec. Suspendisse porttitor erat eu lobortis aliquet. Phasellus fermentum dignissim aliquet. Nulla finibus mi turpis, at scelerisque ante congue eu.

H2 Raleway Black 36pt

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

H2 Feugiat vitae orci accumsan

Suspendisse porttitor erat eu lobortis aliquet. Phasellus fermentum dignissim aliquet. Nulla finibus mi turpis, at scelerisque ante congue eu. Vestibulum in laoreet augue. Pellentesque habitant morbi tristique. Cras sapien nunc, feugiat vitae orci accumsan, mollis mattis sem. Etiam tempor dapibus consectetur. Duis ut porta orci. Fusce vel libero diam. ivamus suscipit, eros a malesuada sagittis, tortor lacus porta massa, nec eleifend aliquet. Nulla finibus mi turpis, at scelerisque ante congue eu. Vestibulum in laoreet augue. arcu risus vitae ante. Vivamus fringilla, elit at vestibulum condimentum, odio dui eleifend turpis, et laoreet massa lorem a risus. Curabitur egestas leo ipsum, ut dignissim quam malesuada ac.

H3 Raleway Regular 30pt

H4 Raleway Black 26pt

Etiam tempor dapibus consectetur. Duis ut porta orci. Fusce vel libero diam Interdum et malesuada fames ac ante ipsum primis in faucibus. Suspendisse eu orci a quam porta condimentum non id lacus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam dignissim leo tempor mi ullamcorper, at interdum risus consectetur..

Etiam dapibus aliquam ante ac sagittis. Donec et blandit metus. Nunc hendrerit est sit amet nulla aliquet iaculis. Praesent et purus enim. Sed pretium eget sem vitae volutpat. Vivamus suscipit, eros a malesuada sagittis, tortor lacus porta massa, nec eleifend arcu risus vitae ante. Vivamus fringilla, elit at vestibulum condimentum, odio dui eleifend turpis, et laoreet massa lorem a risus. This is a link Raleway ExtraBold. Cum sociis natoque penatibus et magnis dis this is a visited link, nascetur ridiculus mus. This is a hover link.

H5 Raleway ExtraBold 22pt
H6 Raleway Regular 12pt

Blockquote: Raleway Italic 30pt. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Curabitur e blandit tempus porttitor.

Raleway Regular 18pt Uppercase


Mixed List Items

  • Unordered list item one
  • Unordered list item two’s
    • Unordered list item one
    • Unordered list item two
      • Unordered list item one
  1. Ordered list item one
  1. Ordered list item one
  1. Ordered list item thirteen
    1. Ordered list item one
      1. Ordered list item a

Toggle/Accordion

Malesuada et orci. Nunc dignissim adipiscing semper. Donec dapibus condimentum nunc, vitae rhoncus tellus sodales eu.

Malesuada et orci. Nunc dignissim adipiscing semper. Donec dapibus condimentum nunc, vitae rhoncus tellus sodales eu.

Malesuada et orci. Nunc dignissim adipiscing semper. Donec dapibus condimentum nunc, vitae rhoncus tellus sodales eu.

Buttons









Colors for typography

#17252c

#07aedf

#67c8e4

#5f7d8f

Other colors

#f08122

#b91c8d

#46b549

#bed0dc

#f5a963

#ca67a8

#c12026

#b7d7eb

#b7d7eb

Form Elements





Choose one of the following
Example 1
Example 2
Example Hover



Tabs

Raw denim you probably haven’t heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.

Food truck fixie locavore, accusamus mcsweeney’s marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.

Banksy do proident, brooklyn photo booth delectus sunt artisan sed organic exercitation eiusmod four loko. Quis tattooed iphone esse aliqua. Master cleanse vero fixie mcsweeney’s. Ethical portland aute, irony food truck pitchfork lomo eu anim. Aesthetic blog DIY, ethical beard leggings tofu consequat whatever cardigan nostrud. Helvetica you probably haven’t heard of them carles, marfa veniam occaecat lomo before they sold out in shoreditch scenester sustainable thundercats. Consectetur tofu craft beer, mollit brunch fap echo park pitchfork mustache dolor.