Singular Content 2
Singular Content 2 layout the top paragraph's width remains smaller than the bottom paragraph, allowing for a distinct visual hierarchy. The top message area can be center-aligned while keeping the bottom message left-justified. This section is ideal for text-heavy pages or as an introduction to other sections on a page. Additionally, hyperlinks can be included within the paragraph text.
Continue reading to explore the required and optional elements for this section. Scroll down to view samples of this section in Dark, Light, and Primary (blue) color options available in TWM.
Required Elements
- Background color
- Justification (Left, Center, Right)
- Top and bottom message
Optional
- Title and/or paragraph(s)
- Headline(s)
- Disclaimer
Section Capabilities
- Top paragraph's width stays smaller than the bottom paragraph
- Can center-align top message area and keep bottom message left justified.
- Use this section for text-heavy pages or as introduction to other sections on a page.
- can add hyperlinks within paragraph text
Heading and Message with CTA Subtitle Entity
Left Justified Title and Message with CTA Entity
Headline 3 with CTA Message
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Bolded text within a sentence.
DELETE
Headline 4 in Message Area
Message area paragraph text. 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. 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.
This is an example of the disclaimer text. This is an optional element in most cases.
Heading and Message with CTA Subtitle
Center Justified Heading and Message with CTA Title
Heading and Message with CTA Message
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Singular Content Title 3
Headline 4 in Message Area
Message area paragraph text. 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. 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.
Heading and Message with CTA Subtitle
Right Justified Heading and Message with CTA Title
Headline 3 in Message Area
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Singular Content Title 3
Headline 4 in Message Area
Message area paragraph text. 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. 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.