Inclusive Design Guide Design System
Badge
Badge - Insight
Badge - Practice
Badge - Technique
Badge - Activity
Call To Action
Call To Action - Insight
Call To Action - Practice
Call To Action - Technique
Call To Action - Activity
Card
Card - Insight
Card - Practice
Card - Technique
Card - Activity
Cards
Color
Flow
Horizontal Rule
Link
Link - Green 800 background
Link - Green 500 background
Link - Subhead
Navigation
Navigation - Current Page - Insights
Navigation - Current Page - Practices
Navigation - Current Page - Techniques
Navigation - Current Page - Activities
Pagination
Pagination - Insight
Pagination - Practice
Pagination - Technique
Pagination - Activity
Typography
Typography - Header Level 1
Typography - Header Level 2
Typography - Header Level 3
Typography - Header Level 4
Typography - Subhead
Typography - Paragraph
Demo
Notes
.html
.njk & context
Full Screen ↗
Link
TODO.
<
div
class
=
"
p-m mx--m
"
>
<
a
href
=
"
#
"
>
A link
</
a
>
</
div
>
{
{
c
(
"link"
,
{
"text"
:
"A link"
}
)
}
}