45 atoms available on this surface
series link or transparency note at article top
In Series label, I covered the background. This article picks up from there.
prose paragraph block
This is a body paragraph. It supports bold, italic, and inline code via lightweight markdown.
H2 section title
Section Heading
H3 subsection title
Subheading text
pull quote or blockquote with attribution
The vocabulary IS the discovery layer.
unordered list with optional bold label per item
- First item in the list
- Labelled item with supporting description
- Third item
horizontal visual section break
single image with optional caption
styled GitHub repo link list
article closing paragraph with hashtags
A concise description of the content.
data table with header row on mobile
big number metric with directional change indicator or percentage
compact inline value with mini trend bar the direction of a
in-page anchor navigation links document or to external URLs.
definition term with explanation
- API
- Application Programming Interface
numbered footnote reference at the bottom of a section or page.
large display number pulled from prose for emphasis descriptive label.
styled link to an audio file
styled link to a downloadable document
image with styled caption below
single pricing plan card with features list
two-column pros and cons comparison
multiple items rated across dimensions scores.
numbered footnote list at section or article end
- [1]Source: Example Report, 2026.
named resource rows with avatar, status badge, and meta
AI model spec card with context window, pricing, and capability badges
user prompt and AI response as chat bubbles
keyboard shortcut cheat-sheet grid with key combos and labels
star rating histogram with percentage bars per star level
quarter-based product roadmap with status-tagged milestones
persistent notification inbox list with unread indicators
horizontal wrap of neutral content chip labels
inline markdown string (bold, italic, code, links) rendered to HTML
lightweight tinted inline tip or note block no icon
numbered RAG source card with title excerpt and URL
labelled probability bar with colour-coded confidence fill
product card with image, price, status badge, and tags
e-commerce order card with status badge and line item list
inventory table with SKU, stock levels, and low-stock row highlight
Jira issue card with type icon, status lozenge, priority, and assignee
Atlassian-semantic status pill with defined appearance variants
recursive hierarchical tree with expand/collapse per node
▶ 📁src/
full-width CTA banner with headline and buttons — Tailwind UI pattern
unlockable achievement badge with locked/unlocked state and optional date
self-contained QR code, optionally with a live URL input