Here's some paragraph text. This is what you'll see when you select P in the text editor, without adding any additional styling. The paragraph text will be used for main body copy. We always make sure that your paragraph text is large enough to meet web accessibilty standards. Sometimes, you'll want to use bold or italics for emphasis.
This is what links will look like in your paragraph text. Only use links in paragraph text, and never in any combination with bold, italics, or other styling. For a stand-alone link outside of a paragraph, we might use a simple button, like the one below.
This is what you'll see when you select P in the text editor, and add the "Intro paragraph" CSS style. The paragraph text will be used mostly for adding emphasis to the first paragraph in certain sections.
This is what you'll see when you select P in the text editor, and add the "Highlight text" CSS style.
Always use headings in the proper order. So, an H2 followed by H3 and H4 subheadings. An H1 heading is always reserved for the page title.
When we break up content into sections, it's rare that we should need H4. But sometimes it's necessary.
Table | Row 1 | Row 2 | Row 3 |
|---|---|---|---|
A | This is 1A | Data | More data |
B | This is 1B | Data | More data |
C | This is 1C | Data | More data |
D | This is 1D | Data | More data |
There are two button styles, so you can choose a primary and secondary call to action. Use descriptive language on buttons so people know where they're going.
Use numbered lists when the order of items matter.
Use bullets when the order in a list of items does not matter. Bullets are a great way to break up text and make it more scannable.
Here's some paragraph text. This is what you'll see when you select P in the text editor, without adding any additional styling. The paragraph text will be used for main body copy. We always make sure that your paragraph text is large enough to meet web accessibilty standards. Sometimes, you'll want to use bold or italics for emphasis.
This is what links will look like in your paragraph text. Only use links in paragraph text, and never in any combination with bold, italics, or other styling. For a stand-alone link outside of a paragraph, we might use a simple button, like the one below.
This is what you'll see when you select P in the text editor, and add the "Intro paragraph" CSS style. The paragraph text will be used mostly for adding emphasis to the first paragraph in certain sections.
This is what you'll see when you select P in the text editor, and add the "Highlight text" CSS style.
Always use headings in the proper order. So, an H2 followed by H3 and H4 subheadings. An H1 heading is always reserved for the page title.
When we break up content into sections, it's rare that we should need H4. But sometimes it's necessary.
Table | Row 1 | Row 2 | Row 3 |
|---|---|---|---|
A | This is 1A | Data | More data |
B | This is 1B | Data | More data |
C | This is 1C | Data | More data |
D | This is 1D | Data | More data |
There are two button styles, so you can choose a primary and secondary call to action. Use descriptive language on buttons so people know where they're going.
Use numbered lists when the order of items matter.
Use bullets when the order in a list of items does not matter. Bullets are a great way to break up text and make it more scannable.
