Component Showcase
This page displays every visual component used across aegis-constitution.com with generic content. Use it to verify accessibility, contrast, and visual consistency.
Typography
Heading Level 2
Heading Level 3
This is body text in Poppins (weight 300). It demonstrates the default paragraph styling with a line-height of 1.7 and the standard text color against the page background.
Bold text appears at weight 600. Italic text uses the italic variant. Bold italic combines both.
This is inline code within a paragraph.
Links
A standard link appears in accent blue with an underline. On hover, it transitions to the high-accent color.
Link to an external site — external links use the same styling.
Table
| Column A | Column B | Column C |
|---|---|---|
| Row 1, Cell 1 | Row 1, Cell 2 | Row 1, Cell 3 |
| Row 2, Cell 1 | Row 2, Cell 2 | Row 2, Cell 3 |
| Row 3, Cell 1 | Row 3, Cell 2 | Row 3, Cell 3 |
Blockquote
This is a blockquote. It is used for notices, pull quotes, and emphasized passages throughout the site.
Horizontal Rule
Content above a horizontal rule.
Content below a horizontal rule.
Ordered List
- First item in an ordered list
- Second item with bold emphasis
- Third item with a link
Unordered List
- First item in an unordered list
- Second item with italic emphasis
- Third item with
inline code
Footnotes
This sentence has a footnote reference1. This one has another2.
Code Block
{
"component": "code-block",
"language": "json",
"purpose": "Demonstrates fenced code block styling"
}Asides
Color Pairings
Primary text on background — this is --color-text on --color-bg.
--color-text-secondary on --color-bg.
Muted text on background — this is --color-text-muted on --color-bg.
Accent text on background — this is --color-accent on --color-bg.
AEGIS™ | “Capability without constraint is not intelligence”™ AEGIS Initiative — Finnoybu IP LLC