In this article
- • 1. Rich Text Formatting
- • This Is a Heading 2
- • This Is a Heading 3
- • This Is a Heading 4
- • Bullet Lists
- • Numbered Lists
- • 2. Callout Blocks
- • 3. Interactive Charts
- • 4. Tabbed Content
- • 5. Accordion (FAQ Style)
- • 6. Code Blocks
- • 7. Inline Images
- • 8. Image Gallery
- • 9. Video Embeds
- • 10. Interactive Maps
- • 11. Audio Player
- • That's Everything!
🎨 Content Showcase: Everything Our Blog Can Do
A complete demonstration of every content type, block, and interactive element available in the Aatam Studio blog. This is your visual guide to what's possible.
This post demonstrates every single content type available in our blog system. Think of it as a living style guide — each section below shows a different block type and how it renders.
1. Rich Text Formatting
The foundation. Here's what you can do with text: bold text, italic text, inline code, underlined text, and strikethrough text. You can also combine them: bold italic.
Links work too: visit Aatam Studio opens in a new tab.
This Is a Heading 2
This Is a Heading 3
This Is a Heading 4
All headings automatically appear in the Table of Contents (sidebar on desktop, floating button on mobile).
The mind is everything. What you think, you become. — Buddha
Bullet Lists
- First item in a bullet list
- Second item with some emphasis
- Third item
Numbered Lists
- Wake up early
- Meditate for 20 minutes
- Start your deep work session
2. Callout Blocks
Six callout variants for different contexts:
3. Interactive Charts
Four chart types powered by Recharts. Data is defined in Sanity and rendered as interactive, responsive visualizations.
4. Tabbed Content
Tabs let you organize related content without overwhelming the reader. Click between tabs to see different perspectives:
5. Accordion (FAQ Style)
Perfect for FAQs, step-by-step guides, or any content where readers want to scan headings and drill into what interests them:
6. Code Blocks
Syntax-highlighted code with a copy button and optional filename header. Supports 18 languages:
7. Inline Images
Full-width images with optional captions, served responsively from Sanity CDN:
8. Image Gallery
Multi-image galleries with configurable columns (2, 3, or 4). Each image has alt text and an optional caption:
9. Video Embeds
YouTube and Vimeo embeds with responsive aspect ratios (16:9, 4:3, 1:1):
10. Interactive Maps
Leaflet-powered interactive maps with custom markers and popups. Perfect for retreat locations, event venues, or place-based content:
11. Audio Player
Embedded audio player with play/pause, progress bar, and optional cover art. Supports both uploaded files and external URLs:
That's Everything!
You've now seen every content type available in the Aatam Studio blog system. Each of these blocks can be mixed and matched freely in Sanity Studio to create rich, engaging articles.