In this section:
On this page:
Headings
Typography, the foundation of graphic design (H1)
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.
Start with reputable serif and sans-serif fonts (H2)
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Use font size and weight to create a hierarchy (H3)
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.
Draw attention or interest with sharp contrast (H4)
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Try not to have too many variations (H5)
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.
And always have fun (h6)
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Headings (extented)
Additional heading styles
H1 styled <h2>
H1 styled <h5>
H1 Italic (I)
Superscript H1
H1 styled <h3>
H1 styled <h6>
H1 striked
Subscript H1
H2 styled <h1>
H2 styled <h5>
H2 Italic (I)
Superscript H2
H2 styled <h3>
H2 styled <h6>
H2 striked
Subscript H2
H3 styled <h1>
H3 styled <h5>
H3 Italic (I)
Superscript H3
H3 styled <h2>
H3 styled <h6>
H3 striked
Subscript H3
H4 styled <h1>
H4 styled <h5>
H4 Italic (I)
Superscript H4
H4 styled <h2>
H4 styled <h6>
H4 striked
Subscript H4
H5 styled <h1>
H5 styled <h4>
H5 Italic (I)
Superscript H5
H5 styled <h2>
H5 styled <h6>
H5 striked
Subscript H5
Paragraphs
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.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Bold (B)
Italic (I)Inline code
Keyboard inputStrikethrough
Subscript and Superscript1
Lists
ORDERED
- Christmas is the best holiday, so it’s obviously ranked first
- Thanksgiving is a close second though
- Would be better without Black Friday
- Easter is great, but the Easter bunny is lame
UNORDERED
- Blue moon ice cream scoop
- Does anyone know what this is?
- Classic chocolate chip cookies
- Raspberry cheesecake bites with whip cream
Quotes
PULLQUOTE
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Cicero
BLOCKQUOTE
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.
Cicero
Tables
Lorem ipsum | dolor sit amet | consectetur | adipiscing elit |
---|---|---|---|
sed do eiusmod tempor | incididunt ut labore | et dolore magna | aligua. |
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. |
Links
Additional button styles
WIDTHS
ALIGNMENT
ORIENTATION
Colors
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
This is the default text color in the foreground. Want to try a different color background?
Change background to color one, color two, color three, color four, color five, or color six.
Also, here is a default link to go back to a white background.
Separators
- ddm marketing + communications ↩︎