Style Guide

Colors

Accent 000
Accent 100
Accent 200
Accent 300
Text
Text muted
Text
Border

Typography

Paragraph is the basis of the typographic scale. Lorem ipsum dolor sit amet consectetur adipisicing elit. Harum sequi fugit natus accusantium, in placeat doloremque quia nihil tenetur dolorum quaerat impedit, repellat similique vitae laborum, distinctio rem. Eum, suscipit!

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lists

  1. List item 1
  2. List item 2
  3. List item 3
  4. List item 4

Ruler

Links

A hyperlink

Blockquote and Figure

It can take a while to realize the path you were on was the right one at the wrong time.

Our new house with the moving truck parked in front
My house

Code

console.log('Inline code');

Time

iframe

Tables

Attribute Description
url A string that is coppied to the clipboard and/or used by the native share API. Defaults to the current page's URL
copy-button A string that is used for the copy button text. Defaults to "Copy"
share-text A string that is use as the message by the native web share API. Defaults to the current page title
share-button A string that is used for the share button text. Defaults to "Share"

Details/Summary

Disclosure widget

Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur dolorem at voluptas impedit ad sit est quaerat facere aperiam, beatae sapiente eius cumque fugit, fugiat doloribus facilis labore corrupti velit.