Style Library 1

Typography

Headings

All HTML headings, <h1> through <h6>, are available. .h1 through .h6 classes are also available, for when you want to match the font styling of a heading but still want your text to be displayed inline.

h1

Vegan polaroid trust fund.

h2

Pinterest freegan food truck.

h3

Wes Anderson small batch hoodie XOXO.

h4

8-bit typewriter, retro pork belly.

h5
Lo-fi pop-up Helvetica synth pug kitsch.
h6
Echo Park whatever try-hard ethical, skateboard Pinterest cliche.

Lead copy

Echo Park whatever try-hard ethical, skateboard Pinterest cliche banjo chia.

Paragraph copy

Echo Park whatever try-hard ethical, skateboard Pinterest cliche banjo chia. Sriracha church-key four loko, gastropub Etsy ethnic actually hella Odd Future meggings shabby chic leggings salvia master cleanse stumptown. Literally Tonx McSweeney's chia keffiyeh scenester next level meh. Hot chicken locavore small batch kale chips.

Small copy

Helvetica mustache squid plaid meh Brooklyn hashtag, retro chillwave YOLO four loko photo booth. Brooklyn kale chips, seitan hella 3 wolf moon slow-carb paleo.

Font Awesome list

  • Four dollar toast flannel
  • Asymmetrical ennui la croix
  • Waistcoat brunch hexagon
  • Humblebrag fanny pack
  • Pork belly single-origin coffee

Circle list

  • Four dollar toast flannel
  • Asymmetrical ennui la croix
  • Waistcoat brunch hexagon
  • Humblebrag fanny pack
  • Pork belly single-origin coffee

Numbered list

  1. Four dollar toast flannel
  2. Asymmetrical ennui la croix
  3. Waistcoat brunch hexagon
  4. Humblebrag fanny pack
  5. Pork belly single-origin coffee

Color Palette

white
#FFFFFF

offwhite
#F5F5F5

clouds
#ECF0F1

silver
#BDC3C7

dot pattern

orange gradient

green-blue gradient

pink-purple gradient

carmine pink
#EF3D3D

torch red
#FF0830

chilean fire
#F67504

pomegranate
#FB3F21

bondi
#039CB6

blue lagoon
#037188

apple
#6DC847

sea green
#38B267

royal purple
#7255AF

butterfly bush
#664BA0

black
#111111

yellow
#FFBA00

Coloring Text Elements

To color text, use the color name as the class.

H1 class= "pomegranate"

H2 class= "blue-lagoon"

H3 class= "royal-purple"

<h1 class="pomegranate">Your Text</h1>
            
<h2 class="blue-lagoon">Your Text</h2>
            
<h3 class="royal-purple">Your Text</h3>

Buttons

Standard Buttons

The default primary colors for the framework.

Button Styles

Just Icon

Button Sizes

Outline Buttons - Black

Outline Buttons - White

Block Quotes

Raclette celiac gochujang sriracha tumblr roof party art party irony jean shorts keytar street art cliche.

Someone famous in Source Title

Inputs

Celiac distillery pickled brunch roof party.
group
Celiac distillery pickled brunch roof party.

Standard Inputs

Selectors

Checkboxes

check
check
check
check

Radio Buttons

Toggle Switch

Progress Bars

75% Complete
60% Complete
25% Complete (success)
30% Complete (warning)
15% Complete (danger)

Sliders

Badges

Default Primary Info Success Warning Danger

Social Icons

Small Icons

Large Icons

Pagination

Pager

Breadcrumbs

  1. Home
  2. Hipster
  3. Wayfarers
  1. Home
  2. Hipster
  3. Wayfarers

Images


Rounded Image

Rounded Image

Circle Image

Circle Image

Rounded Raised

Raised Image

Circle Raised

Thumbnail Image

Notifications

info_outline
Info alert: Freegan wayfarers cardigan everyday carry heirloom iceland pok pok sriracha meh tofu.
check
Success Alert: Echo park tote bag vape umami chartreuse skateboard.
warning
Warning Alert: Wolf iPhone next level austin air plant kickstarter taxidermy echo park meggings helvetica drinking vinegar food truck.
error_outline
Error Alert: Selvage pop-up cray affogato everyday carry ennui etsy sustainable mixtape offal iceland.

Cards

Simple Card

Card image cap

Card title

Sustainable four loko everyday carry air plant austin, venmo woke ramps try-hard street art ugh af tbh.

Button

Tabs with Icons on Card

Readymade vinyl portland meh kinfolk 8-bit pok pok tattooed aesthetic, yuccie PBR&B vice leggings put a bird on it plaid. Microdosing mixtape try-hard pug.

Chambray poutine 90's mixtape whatever enamel pin fixie helvetica four dollar toast lo-fi fanny pack live-edge leggings taxidermy sriracha. Kinfolk kogi keffiyeh echo park, godard fingerstache ethical butcher gastropub jean shorts squid wayfarers.

Tousled forage whatever, fixie swag tilde iPhone. Jean shorts biodiesel irony live-edge taiyaki, succulents tilde crucifix craft beer.

Tabs on Plain Card

Readymade vinyl portland meh kinfolk 8-bit pok pok tattooed aesthetic, yuccie PBR&B vice leggings put a bird on it plaid. Microdosing mixtape try-hard pug.

Chambray poutine 90's mixtape whatever enamel pin fixie helvetica four dollar toast lo-fi fanny pack live-edge leggings taxidermy sriracha. Kinfolk kogi keffiyeh echo park, godard fingerstache ethical butcher gastropub jean shorts squid wayfarers.

Tousled forage whatever, fixie swag tilde iPhone. Jean shorts biodiesel irony live-edge taiyaki, succulents tilde crucifix craft beer.

Javascript components

Modal

Datetime Picker

Snackbars

Popovers

Tooltips

Carousel

Catherine Carney Portfolio

Made with in Brooklyn