Key Takeaways

Key Takeaways - Card

A bordered white summary card with a numbered row per takeaway, for placing right after the intro

Preview

Key Takeaways

A good audit almost always finds the same thing: the structure is the problem, not the writing.
Orphaned pages with no internal links in are the single most common issue, and usually the easiest to fix.
Technical foundations get you found. Content quality gets you noticed — you need both.

See how to use it on your page, then copy the component file itself.

Prop	Type	Default	Description
title	string	"Key Takeaways"	Header text next to the icon badge
items	string[]	—	Array of takeaway strings — each supports inline bold markdown
accentColor	string	"#4A68E5"	Accent color for the icon badge and row numbers

Key Takeaways

A bordered white summary card with a numbered row per takeaway, for placing right after the intro

Key Takeaways

A good audit almost always finds the same thing: the structure is the problem, not the writing.
Orphaned pages with no internal links in are the single most common issue, and usually the easiest to fix.
Technical foundations get you found. Content quality gets you noticed — you need both.

See how to use it on your page, then copy the component file itself.

Prop	Type	Default	Description
title	string	"Key Takeaways"	Header text next to the icon badge
items	string[]	—	Array of takeaway strings — each supports inline bold markdown
accentColor	string	"#4A68E5"	Accent color for the icon badge and row numbers