Standard Content Card
A compact card for posts, projects, or reusable feature summaries.
Read sampleJCATL-45
Design System Reference
Internal kitchen sink page for visual QA before production pages are assembled.
Typography
Heading And Text Scale
Page title sample
Section heading sample
Subsection heading sample
Card heading sample
Metadata heading sample
Fine heading sample
Body copy sample with a standard text link, short sentences, and enough length to test line height across the text container. Review button styles.
Large body copy sample for lead paragraphs, page summaries, and compact introduction text.
Caption and metadata sample. Montserrat, compact, and quiet.
Components
Cards
Accent Content Card
A stronger card treatment for promoted items and featured calls to action.
View CTADark Content Card
A dark surface option for contrast checks and media-heavy sections.
Check mediaEditorial
Quote Blocks
This is a standard quote block for testing rhythm, color, borders, and citation styling.
Placeholder citation
This pull quote tests the larger editorial voice used for feature pages.
Placeholder source
Assets
Image Treatments
Conversion
CTA Bands
Sample CTA
A focused call to action with supporting copy.
Use this area to test contrast, button rhythm, and responsive wrapping before page-specific CTAs are finalized.
Inputs
Forms
Embeds