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.
Patterns
Reusable Section Patterns
Hero / Media Text
A reusable section headline.
Shared section classes keep editor-built pages aligned with the child theme while still remaining easy to edit.
Media frame
Card Grid
Cards, proof points, and related links.
Featured card
Use the accent card for the strongest item in a set.
Standard card
A reusable card for compact editorial or proof content.
Blog card
A compact archive card with stable image and text rhythm.
Homepage
Homepage Components
Selected Public Engagements
Public Work
Public Work & Institutional Trust
Card rhythm for curated proof without turning the homepage into a resume grid.
Institutional trust and public service
A larger proof card with room for source notes, role, timeframe, imagery, and a proof link.
Keynotes and forums
Compact supporting card for a selected public appearance.
Public conversations
Compact supporting card for conversation and press credibility.
Unchanging Principles
Josh's public voice and ideas
Dark feature treatment for podcast or media-rich homepage content.
Inputs
Forms
Embeds
