![](../../dist-assets/images/egret.png)
Design System
Headings
h1. Done! heading
h2. Done! heading
h3. Done! heading
h4. Done! heading
h5. Done! heading
h6. Done! heading
Display Headings
Display 1
Display 2
Display 3
Display 4
Headings and Title
Egret Heading
Egret Heading Title
Egret Heading Muted
Lead
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.
Inline Text Elements
You can use the mark tag to highlight text.
This line of text is meant to be treated as deleted text.
This line of text is meant to be treated as no longer accurate.
This line of text is meant to be treated as an addition to the document.
This line of text will render as underlined
This line of text is meant to be treated as fine print.
This line rendered as bold text.
This line rendered as italicized text.
Blockquote
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellat distinctio possimus ducimus ex quos eaque nobis, doloribus ut quae? Facere sint consequatur eos soluta iusto excepturi laudantium deserunt cum fugiat.
Blockquote
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellat distinctio possimus ducimus ex quos eaque nobis, doloribus ut quae? Facere sint consequatur eos soluta iusto excepturi laudantium deserunt cum fugiat.
Font Size
font size 10px to 78px
Font Size 10px
Font Size 11px
Font Size 12px
Font Size 13px
..
..
..
..
Font Size 30px
Font Size 40px
Font Size 50px
Font Size 60px
Font Size 78px