Style guide

Blockquotes

Hi there! I’m a bike messenger by day, aspiring actor by night, and this is my blog. I live in Los Angeles, have a great dog named Jack, and I like piña coladas. (And gettin’ caught in the rain.)

Quotes with Ratings

Lists

1. Apple
2. Lemon
3. Orange

• Apple
• Lemon
• Orange

Description List

Cryptids of Cornwall:

Beast of Bodmin

A large feline inhabiting Bodmin Moor.

Morgawr

A sea serpent.

Owlman

A giant owl-like creature.

Brushed list

• blue
• red
• lightgreen
• brown
• darkgreen
• turquoise
• darkblue
• red2
• green
• apricot
• yellow
• yellow2
• yellow3

Paragraphs with brushes

Tangerine

Bleu

Bleu maya

Paragraph with splash

An old silent pond
A frog jumps into the pond—
Splash! Silence again.

Photos

Further styling can be applied:

• width: 30rem
• height: 35rem
• transform: rotate(-5deg)

Polaroids

Photos

Frames

blob-frame

blob-frame v2

blob-frame light-moonstone-blue v3

blob-frame light-moonstone-blue v4

Bubbles

Some subtitle

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Fusce at risus at lacus laoreet mollis sed id elit.

Integer bibendum lobortis velit, eleifend commodo dui facilisis nec.

Aliquam mi sapien, ultrices a ultrices non, sodales ut diam.

Some other subtitle

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Fusce at risus at lacus laoreet mollis sed id elit.

Integer bibendum lobortis velit, eleifend commodo dui facilisis nec.

Aliquam mi sapien, ultrices a ultrices non, sodales ut diam.

And another subtitle

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Fusce at risus at lacus laoreet mollis sed id elit.

Integer bibendum lobortis velit, eleifend commodo dui facilisis nec.

Aliquam mi sapien, ultrices a ultrices non, sodales ut diam.

Heading Two

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce at risus at lacus laoreet mollis sed id elit. Integer bibendum lobortis velit, eleifend commodo dui facilisis nec. Aliquam mi sapien, ultrices a ultrices non, sodales ut diam.

Heading Three

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce at risus at lacus laoreet mollis sed id elit. Integer bibendum lobortis velit, eleifend commodo dui facilisis nec. Aliquam mi sapien, ultrices a ultrices non, sodales ut diam.

Heading Four

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce at risus at lacus laoreet mollis sed id elit. Integer bibendum lobortis velit, eleifend commodo dui facilisis nec. Aliquam mi sapien, ultrices a ultrices non, sodales ut diam.

Gellatio Heading Two

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce at risus at lacus laoreet mollis sed id elit. Integer bibendum lobortis velit, eleifend commodo dui facilisis nec. Aliquam mi sapien, ultrices a ultrices non, sodales ut diam.

Gellatio Heading Three

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce at risus at lacus laoreet mollis sed id elit. Integer bibendum lobortis velit, eleifend commodo dui facilisis nec. Aliquam mi sapien, ultrices a ultrices non, sodales ut diam.

Gellatio Heading Four

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce at risus at lacus laoreet mollis sed id elit. Integer bibendum lobortis velit, eleifend commodo dui facilisis nec. Aliquam mi sapien, ultrices a ultrices non, sodales ut diam.

Rounded image insert…

Miniatures

Statuses

Buttons

Standard

Button   Button   Button
Button Button Button
Button Button Button

Supersized (Large)

Button   Button   Button
Button Button Button
Button Button Button

Social Icons

Facebook Twitter Linkedin Youtube Pinterest Instagram RSS

Tabs

Toggles

Columns