Universal Section Header
Label for context
Buttons
H6 - Labels and datelines
H1 - Page title
H2 - Page sections
H3 - Section segments
H4 - Subheads
H5 - List headlines
How to use
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.
When to use
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.
When to consider something else
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.
Accessibility tips
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.
Component Specifications
| Field | Description | Required / Optional |
|---|---|---|
| Name | The Name element | Required |
| Heading 1 | ||
| Set Heading 1 Font as Antenna Compressed? | Default heading 1 font is Antenna Condensed Bold | |
| Set Heading 1 Margin Top | Optional; Adds top margin to heading 1 | |
| Set Heading 1 Margin Bottom | Optional; Adds bottom margin to heading 1 | |
| Heading 2 | ||
| Set Heading 2 Font as Antenna Compressed? | Default heading 2 font is Antenna Condensed Bold | |
| Set Heading 2 Margin Top | Adds top margin to heading 2 | |
| Set Heading 2 Margin Bottom | Adds bottom margin to heading 2 | |
| Heading 3 | ||
| Set Heading 3 Font as Antenna Compressed? | Default heading 3 font is Antenna Condensed Bold | |
| Set Heading 3 Margin Top | Adds top margin to heading 3 | |
| Set Heading 3 Margin Bottom | Adds bottom margin to heading 3 | |
| Heading 4 | ||
| Set Heading 4 Font as Antenna Compressed? | Default heading 4 font is Antenna Condensed Bold | |
| Set Heading 4 Margin Top | Adds top margin to heading 4 | |
| Set Heading 4 Margin Bottom | Adds bottom margin to heading 4 | |
| Heading 5 | ||
| Set Heading 5 Font as Antenna Compressed? | Default heading 5 font is Antenna Condensed Bold | |
| Set Heading 5 Margin Top | Adds top margin to heading 5 | |
| Set Heading 5 Margin Bottom | Adds bottom margin to heading 5 | |
| Heading 6 | ||
| Set Heading 6 Font as Antenna Compressed? | Default heading 6 font is Antenna Condensed Bold | |
| Set Heading 6 Margin Top | Adds top margin to heading 6 | |
| Set Heading 6 Margin Bottom | Adds bottom margin to heading 6 | |
| Background Color | ||
| Center Align Text | Default is left aligned. | |
| Set Header Text as All Caps | ||
| Container Width | Default is 80% | |
| Add Content Padding | Adds padding around container; no padding is applied by default |
Description
Headers are stylized text that help describe sections of your page. They come in sizes 1-6 to allow for multiple nested page sections.
On-page example
When to use
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.
When to consider something else
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.
Accessibility tips
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.
Component Specifications
| Field | Description | Required / Optional |
|---|---|---|
| Name | The Name element | Required |
| Heading 1 | ||
| Set Heading 1 Font as Antenna Compressed? | Default heading 1 font is Antenna Condensed Bold | |
| Set Heading 1 Margin Top | Optional; Adds top margin to heading 1 | |
| Set Heading 1 Margin Bottom | Optional; Adds bottom margin to heading 1 | |
| Heading 2 | ||
| Set Heading 2 Font as Antenna Compressed? | Default heading 2 font is Antenna Condensed Bold | |
| Set Heading 2 Margin Top | Adds top margin to heading 2 | |
| Set Heading 2 Margin Bottom | Adds bottom margin to heading 2 | |
| Heading 3 | ||
| Set Heading 3 Font as Antenna Compressed? | Default heading 3 font is Antenna Condensed Bold | |
| Set Heading 3 Margin Top | Adds top margin to heading 3 | |
| Set Heading 3 Margin Bottom | Adds bottom margin to heading 3 | |
| Heading 4 | ||
| Set Heading 4 Font as Antenna Compressed? | Default heading 4 font is Antenna Condensed Bold | |
| Set Heading 4 Margin Top | Adds top margin to heading 4 | |
| Set Heading 4 Margin Bottom | Adds bottom margin to heading 4 | |
| Heading 5 | ||
| Set Heading 5 Font as Antenna Compressed? | Default heading 5 font is Antenna Condensed Bold | |
| Set Heading 5 Margin Top | Adds top margin to heading 5 | |
| Set Heading 5 Margin Bottom | Adds bottom margin to heading 5 | |
| Heading 6 | ||
| Set Heading 6 Font as Antenna Compressed? | Default heading 6 font is Antenna Condensed Bold | |
| Set Heading 6 Margin Top | Adds top margin to heading 6 | |
| Set Heading 6 Margin Bottom | Adds bottom margin to heading 6 | |
| Background Color | ||
| Center Align Text | Default is left aligned. | |
| Set Header Text as All Caps | ||
| Container Width | Default is 80% | |
| Add Content Padding | Adds padding around container; no padding is applied by default |