Sections

<section class="Section -dark -center Content"> ... </section>
<section class="Section -primary"> <div class="_container -lg Content"> ... </div> </section>

Heading 1 Link stretching on to multiple lines to test the flexibility of the design

Heading 2 Link stretching on to multiple lines to test the flexibility of the design

Heading 3 Link stretching on to multiple lines to test the flexibility of the design

Heading 4 Link stretching on to multiple lines to test the flexibility of the design

Heading 5 Link
Heading 6 Link

Heading 2 within a link

Text

Here is some text with a few inline styles. Some numbers – 1234567890. Quisque eget odio ac lectus emphasis (italic) faucibus strong (bold) in metus. In pellentesque faucibus superscript vestibulum. luctus tortor. Inline link - should be very apparent that it is ‘clickable’ Nulla at nulla justo, eget.


Button

Primary Button

Secondary Button

Block Button


  • List Item
    • List Sub-item
  1. Item 1
    1. Item 1.1

This is a blockquote.


tell application "Foo"
    beep
end tell

Image

Alt text

Image with link

Alt text

<section class="Section"> <div class="_container -light -xl Content"> ... </div> </section>

Heading 1 Link stretching on to multiple lines to test the flexibility of the design

Heading 2 Link stretching on to multiple lines to test the flexibility of the design

Heading 3 Link stretching on to multiple lines to test the flexibility of the design

Heading 4 Link stretching on to multiple lines to test the flexibility of the design

Heading 5 Link
Heading 6 Link

Heading 2 within a link

Text

Here is some text with a few inline styles. Some numbers – 1234567890. Quisque eget odio ac lectus emphasis (italic) faucibus strong (bold) in metus. In pellentesque faucibus superscript vestibulum. luctus tortor. Inline link - should be very apparent that it is ‘clickable’ Nulla at nulla justo, eget.


Button

Primary Button

Secondary Button

Block Button


  • List Item
    • List Sub-item
  1. Item 1
    1. Item 1.1

This is a blockquote.


tell application "Foo"
    beep
end tell

Image

Alt text

Image with link

Alt text

<div class="_container -secondaryGrad -xl -center Content -animated"> ... </div>

Heading 1 Link stretching on to multiple lines to test the flexibility of the design

Heading 2 Link stretching on to multiple lines to test the flexibility of the design

Heading 3 Link stretching on to multiple lines to test the flexibility of the design

Heading 4 Link stretching on to multiple lines to test the flexibility of the design

Heading 5 Link
Heading 6 Link

Heading 2 within a link

Text

Here is some text with a few inline styles. Some numbers – 1234567890. Quisque eget odio ac lectus emphasis (italic) faucibus strong (bold) in metus. In pellentesque faucibus superscript vestibulum. luctus tortor. Inline link - should be very apparent that it is ‘clickable’ Nulla at nulla justo, eget.


Button

Primary Button

Secondary Button

Block Button


  • List Item
    • List Sub-item
  1. Item 1
    1. Item 1.1

This is a blockquote.


tell application "Foo"
    beep
end tell

Image

Alt text

Image with link

Alt text

Heading 1 Link stretching on to multiple lines to test the flexibility of the design

Heading 2 Link stretching on to multiple lines to test the flexibility of the design

Heading 3 Link stretching on to multiple lines to test the flexibility of the design

Heading 4 Link stretching on to multiple lines to test the flexibility of the design

Heading 5 Link
Heading 6 Link

Heading 2 within a link

Text

Here is some text with a few inline styles. Some numbers – 1234567890. Quisque eget odio ac lectus emphasis (italic) faucibus strong (bold) in metus. In pellentesque faucibus superscript vestibulum. luctus tortor. Inline link - should be very apparent that it is ‘clickable’ Nulla at nulla justo, eget.


Button

Primary Button

Secondary Button

Block Button


  • List Item
    • List Sub-item
  1. Item 1
    1. Item 1.1

This is a blockquote.


tell application "Foo"
    beep
end tell

Image

Alt text

Image with link

Alt text

alt text

Heading 1 Link stretching on to multiple lines to test the flexibility of the design

Heading 2 Link stretching on to multiple lines to test the flexibility of the design

Heading 3 Link stretching on to multiple lines to test the flexibility of the design

Heading 4 Link stretching on to multiple lines to test the flexibility of the design

Heading 5 Link
Heading 6 Link

Heading 2 within a link

Text

Here is some text with a few inline styles. Some numbers – 1234567890. Quisque eget odio ac lectus emphasis (italic) faucibus strong (bold) in metus. In pellentesque faucibus superscript vestibulum. luctus tortor. Inline link - should be very apparent that it is ‘clickable’ Nulla at nulla justo, eget.


Button

Primary Button

Secondary Button

Block Button


  • List Item
    • List Sub-item
  1. Item 1
    1. Item 1.1

This is a blockquote.


tell application "Foo"
    beep
end tell

Image

Alt text

Image with link

Alt text

<div class="_container -tertiary -xl Content"> ... </div>

Heading 1 Link stretching on to multiple lines to test the flexibility of the design

Heading 2 Link stretching on to multiple lines to test the flexibility of the design

Heading 3 Link stretching on to multiple lines to test the flexibility of the design

Heading 4 Link stretching on to multiple lines to test the flexibility of the design

Heading 5 Link
Heading 6 Link

Heading 2 within a link

Text

Here is some text with a few inline styles. Some numbers – 1234567890. Quisque eget odio ac lectus emphasis (italic) faucibus strong (bold) in metus. In pellentesque faucibus superscript vestibulum. luctus tortor. Inline link - should be very apparent that it is ‘clickable’ Nulla at nulla justo, eget.


Button

Primary Button

Secondary Button

Block Button


  • List Item
    • List Sub-item
  1. Item 1
    1. Item 1.1

This is a blockquote.


tell application "Foo"
    beep
end tell

Image

Alt text

Image with link

Alt text

<section class="Section -dark -center -lg"> ... </section>

Heading 1 Link stretching on to multiple lines to test the flexibility of the design

Heading 2 Link stretching on to multiple lines to test the flexibility of the design

Heading 3 Link stretching on to multiple lines to test the flexibility of the design

Heading 4 Link stretching on to multiple lines to test the flexibility of the design

Heading 5 Link
Heading 6 Link

Heading 2 within a link

Text

Here is some text with a few inline styles. Some numbers – 1234567890. Quisque eget odio ac lectus emphasis (italic) faucibus strong (bold) in metus. In pellentesque faucibus superscript vestibulum. luctus tortor. Inline link - should be very apparent that it is ‘clickable’ Nulla at nulla justo, eget.


Button

Primary Button

Secondary Button

Block Button


  • List Item
    • List Sub-item
  1. Item 1
    1. Item 1.1

This is a blockquote.


tell application "Foo"
    beep
end tell

Image

Alt text

Image with link

Alt text

<div class="_container -lg Content"> ... </div>

Heading 1 Link stretching on to multiple lines to test the flexibility of the design

Heading 2 Link stretching on to multiple lines to test the flexibility of the design

Heading 3 Link stretching on to multiple lines to test the flexibility of the design

Heading 4 Link stretching on to multiple lines to test the flexibility of the design

Heading 5 Link
Heading 6 Link

Heading 2 within a link

Text

Here is some text with a few inline styles. Some numbers – 1234567890. Quisque eget odio ac lectus emphasis (italic) faucibus strong (bold) in metus. In pellentesque faucibus superscript vestibulum. luctus tortor. Inline link - should be very apparent that it is ‘clickable’ Nulla at nulla justo, eget.


Button

Primary Button

Secondary Button

Block Button


  • List Item
    • List Sub-item
  1. Item 1
    1. Item 1.1

This is a blockquote.


tell application "Foo"
    beep
end tell

Image

Alt text

Image with link

Alt text