Complete Content Editor Demonstration
This page demonstrates every available formatting option and custom block type available in the content editor. Use this as a reference guide when creating content.
Text Formatting Options
Basic Text Styles
This paragraph demonstrates bold text, italic text, underlined text, strikethrough text, and inline code. You can also combine styles like bold and italic together.
Headings Hierarchy
Heading Level 2
This is a paragraph under H2.
Heading Level 3
This is a paragraph under H3.
Heading Level 4
This is a paragraph under H4.
Lists
Unordered List
- First bullet point item
- Second bullet point with bold text
- Third bullet point with a longer description to show how text wraps in list items when the content extends beyond a single line
- Fourth item
Ordered List
- First numbered item
- Second numbered item with italic formatting
- Third numbered item
- Fourth numbered item with more detailed content
Links
Here is an example of an external link to Heidi Health and you can also create links with formatted text.
Custom Block Types
Stats Grid - Foreground Variant
10,000+
Active users across the platform
5 hours
Average time saved per week
95%
Customer satisfaction rate
50+
Industry awards and recognition
Stats Grid - Sky Variant
2M+
Documents processed monthly
40+
Countries served worldwide
99.9%
System uptime guarantee
Content Highlights - Transparent Background
Key Feature Highlight
This is a content highlight block with a transparent background. It can contain formatted text including bold and italic styles.
- Feature point one
- Feature point two
- Feature point three
Content Highlights - Sky Background with CTA
Special Announcement
This content highlight uses a sky blue background theme and includes a call-to-action button below.
Content Highlights - Sunlight Background
Important Information
This highlight block uses the sunlight (yellow/warm) background variant for drawing attention to important content.
Structured Quote - Inline Layout
This is an inline quote block. It's perfect for shorter quotes that flow with the content. The inline style integrates smoothly into the page layout.
Structured Quote - Callout Layout
This is a callout quote block. It stands out more prominently from the surrounding content and is ideal for testimonials or important statements that deserve extra emphasis.
Image Block
Note: Image blocks require an actual image file. The alt text and caption are set on the image asset itself, not in the block structure.
Video Block
FAQ Accordion
This is a comprehensive demonstration of all available content formatting options and custom blocks in the CMS.
HubSpot Form
Demo Contact Form
HubSpot Meeting Scheduler
Schedule a Demo Meeting
Custom HTML Block
Custom HTML Example
This is a custom HTML block that allows editors to embed custom code.
Image Size Variations
The image block supports multiple size options to control how images display within your content. Each size serves a different purpose and use case.
Small Size (200px)
Small images are perfect for thumbnails, icons, or inline graphics that shouldn't dominate the content flow.
Medium Size (50% width)
Medium images take up half the content width, ideal for standard illustrations that support your text without overwhelming it.
Large Size (75% width)
Large images are great for featured visuals that deserve prominence while maintaining some breathing room in the layout.
Full Width
Full width images fill the entire content container. Use these for hero images, diagrams, or screenshots that need maximum impact and detail visibility.
Stats Grid Layout Variations
Stats grids can be displayed in multiple layouts and background variants to match your content needs.
Centered Layout with Sand Background
250%
Average productivity increase reported by users
100%
HIPAA and SOC 2 compliance maintained
1M+
Patient interactions processed securely
4.9/5
Average user satisfaction rating
Horizontal Layout with Dividers
24/7
Round-the-clock system availability
500TB+
Secure medical data processed monthly
15K+
Healthcare professionals using the platform
List Layout with Forest Theme
3.2M
Clinical notes generated with AI assistance
8 hours
Average time saved per clinician per week
98%
Accuracy rate in medical transcription
12
Industry awards for innovation in healthcare AI
Left Aligned with Transparent Background
200+
Healthcare facilities integrated
35
Countries with active deployments
50K+
Training sessions completed
Content Highlights Theme Variations
Content highlights support multiple theme options to create visual hierarchy and draw attention to important information.
Sand Theme
Warm and Approachable
The sand theme provides a warm, neutral background that's perfect for highlighting important information without being too bold.
- Ideal for tips and helpful information
- Creates a subtle visual break in content
- Maintains readability with good contrast
Sunlight Theme
Attention-Grabbing Yellow
The sunlight theme uses a vibrant yellow background to draw immediate attention to critical information or warnings.
- Perfect for important notices and alerts
- High visibility for time-sensitive information
- Creates strong visual hierarchy
Forest Theme
Professional Green Accent
The forest theme provides a professional green background that conveys trust and stability, perfect for healthcare content.
This theme works particularly well for:
- Success messages and positive outcomes
- Key features and benefits
- Brand-aligned content sections
- Call-to-action areas
Opaque Theme with CTA Button
Ready to Transform Your Practice?
The opaque theme creates a solid, distinct section that stands apart from the rest of your content. It's perfect for combining highlighted content with call-to-action buttons.
This combination is ideal for conversion-focused sections where you want to guide users toward a specific action.
Quote Block Layout Options
Structured quotes can be displayed in different layouts and themes to match the tone and emphasis you need.
Inline Quote with Transparent Background
Heidi has completely transformed how I document patient visits. What used to take 30 minutes now takes just 5, and the quality is actually better.
Inline quotes integrate smoothly with surrounding content, making them perfect for testimonials within narrative text.
Callout Quote with Sky Theme
The AI-powered clinical documentation has reduced our administrative burden by 60%. Our team can now focus on what matters most: patient care.
Callout quotes with colored backgrounds create strong visual emphasis, perfect for highlighting impactful testimonials or key statements.
Callout Quote with Sunlight Light Theme
Implementation was seamless, and the ROI was evident within the first month. This is the future of healthcare documentation.
Inline Quote with Forest Theme
As a practice manager, I appreciate how Heidi integrates with our existing systems. The compliance features give us peace of mind.
Video Block Examples
Video blocks support embeds from YouTube, Vimeo, and other platforms. Each video can include a title and optional caption for context.
Product Demo Video
Customer Testimonial Video
Training Tutorial
Table Layout Options
Tables can be configured with different styling options including compact spacing and header rows to match your content needs.
Feature Comparison Table
| Feature | Starter | Professional | Enterprise |
|---|---|---|---|
| AI Documentation | ✓ | ✓ | ✓ |
| Monthly Consultations | 100 | 500 | Unlimited |
| EHR Integration | Basic | Advanced | Custom |
| Support | Priority Email + Chat | 24/7 Dedicated | |
| Custom Templates | 5 | 25 | Unlimited |
Compact Table Style
| Specialty | Template Count | Avg. Time Saved |
|---|---|---|
| Family Medicine | 45 | 12 min/visit |
| Internal Medicine | 38 | 15 min/visit |
| Pediatrics | 32 | 10 min/visit |
| Cardiology | 28 | 18 min/visit |
Advanced Text Formatting Examples
This section demonstrates advanced combinations of text formatting including bold, italic, underline, strikethrough, and inline code styles.
Complex Formatting Combinations
You can create bold italic text for extra emphasis, or even bold underlined text when you need maximum visibility. For technical documentation, you might use bold code to highlight important commands or variables.
Links with Formatting
Links can also be formatted: bold link, italic link, or even bold italic underlined link for maximum emphasis on important external resources.
Additional Block Types
Contact Form Example
HubSpot forms can be embedded directly into content to capture leads and inquiries at strategic points in your content.
Request More Information
Meeting Scheduler
Allow visitors to book meetings directly from your content using HubSpot's meeting scheduler.
Book a Consultation
Summary of All Available Options
This comprehensive demonstration has showcased every available content block type and formatting option in the CMS. Use this page as a reference when creating content to understand all the tools at your disposal.
Quick Reference Checklist
- Text Formatting: Bold, italic, underline, strikethrough, code, and combinations
- Headings: H2, H3, H4 for content hierarchy
- Lists: Bulleted and numbered, with nesting support
- Images: Small, medium, large, and full width options
- Stats Grids: Centered, left, horizontal, and list layouts with 11 theme variants
- Content Highlights: 10 theme options with optional CTA buttons
- Quotes: Inline and callout layouts with theme customization
- Videos: YouTube, Vimeo, and other platform embeds with captions
- Tables: Standard and compact styles with header row options
- Forms & Meetings: HubSpot form and meeting scheduler embeds
- Custom HTML: For advanced customization needs
- FAQ Accordions: Expandable question and answer sections
- CTA Banners: Call-to-action sections with icons, images, and buttons
Table Block
| Feature | Basic Plan | Pro Plan |
|---|---|---|
| Users | 5 | Unlimited |
| Storage | 10GB | 1TB |
| Support | 24/7 Phone |
CTA Insert Block
Get Started Today
Advanced Formatting
You can create complex layouts by combining multiple blocks and formatting options together.
Nested Lists
- Parent item one
- Nested child item
- Another nested child
- Parent item two with formatted text
- Parent item three
Conclusion
This demonstration page shows all available content formatting options and custom blocks. Editors can use any combination of these elements to create rich, engaging content.
Note: This is a demonstration page and is set to noindex/nofollow to prevent it from appearing in search results.
