Bold Statement That Commands Attention
High-impact hero with a full-width background image, large typography, and prominent call-to-action buttons.
Balanced Design for Versatile Use
Medium-impact hero balances visual weight with a side image and clear messaging.
Clean and Minimal Introduction
Low-impact hero strips away the image for a text-focused, understated entrance.
Conversion-Focused Landing Section
Landing hero variant optimized for above-the-fold conversion with image and dual CTAs.
Symmetrically Centered Hero Layout
Centered hero places everything on a single axis for a focused, symmetrical feel.
Section — No Background
This section uses the "none" background color setting. Sections wrap inner blocks with optional heading, subheading, and anchor ID.
Content block inside a section with "none" background. Section wrapper provides consistent spacing and an optional visual container.
Section — White Background
This section uses the "white" background color setting. Sections wrap inner blocks with optional heading, subheading, and anchor ID.
Content block inside a section with "white" background. Section wrapper provides consistent spacing and an optional visual container.
Section — Gray Background
This section uses the "gray" background color setting. Sections wrap inner blocks with optional heading, subheading, and anchor ID.
Content block inside a section with "gray" background. Section wrapper provides consistent spacing and an optional visual container.
Section — Dark Background
This section uses the "dark" background color setting. Sections wrap inner blocks with optional heading, subheading, and anchor ID.
Content block inside a section with "dark" background. Section wrapper provides consistent spacing and an optional visual container.
Call to Action — Default Style
This CTA uses the "default" style variant. Each style provides different background colors and visual emphasis.
Call to Action — Branded Style
This CTA uses the "branded" style variant. Each style provides different background colors and visual emphasis.
Call to Action — Dark Style
This CTA uses the "dark" style variant. Each style provides different background colors and visual emphasis.
Content Block — Full Width Column
This content block uses a single full-width column. Content blocks are versatile containers for rich text with optional links. They support multiple column layouts for side-by-side content arrangements.
Half Column (Left)
Two half-width columns create a balanced two-column layout, great for comparing concepts or adding visual variety to text-heavy sections.
Half Column (Right)
The second half column sits alongside the first. Both columns resize responsively on smaller screens, stacking vertically on mobile.
One Third
A narrow sidebar column. Use for labels, icons, or brief callouts beside wider content.
Two Thirds
The wider column in a one-third / two-thirds layout. This asymmetric split is ideal for pairing a headline or sidebar with detailed content.
Column 1
First of three equal-width columns for a balanced triple layout.
Column 2
Middle column in the three-column grid. Great for feature comparisons or info cards.
Column 3
Third column completes the triple layout. Columns stack on mobile viewports.
Lightning Fast
Optimized for speed with edge caching and lazy loading.
Enterprise Security
Role-based access, encrypted keys, and tenant isolation.
Always Available
99.9% uptime with automatic failover and health checks.
Global CDN
Content delivered from the nearest edge location worldwide.
AI Powered
Lightning Fast
Optimized for speed with edge caching and lazy loading.
Enterprise Security
Role-based access, encrypted keys, and tenant isolation.
Always Available
99.9% uptime with automatic failover and health checks.
Global CDN
Content delivered from the nearest edge location worldwide.
AI Powered
Generate content, images, and entire pages with Gemini AI.
Developer First
TypeScript, React Server Components, and a clean API.
Comparison Table
The comparison table block is only available inside sections. It compares features between your product and competitors.
| Feature | Synthetic CMS | Other Platforms |
|---|---|---|
| Multi-tenant architecture | ||
| AI content generation | ||
| Custom domains |
Feature Showcase — Starting Left
Feature showcase alternates image position. This variant starts with the image on the left.
Visual Page Builder
Compose pages from 21 pre-built blocks with a drag-and-drop editor.
Drag & Drop
Reorder blocks visually.
Live Preview
See changes in real time.
Mobile Responsive
All blocks adapt to any screen.
AI-Powered Content
Generate pages, blocks, and images with a single prompt.
Feature Showcase — Starting Right
This variant starts with the image on the right and uses a gray starting background.
Multi-Tenant Architecture
Each tenant gets isolated content, settings, and branding.
Data Isolation
Complete separation between tenants.
Custom Branding
Colors, logos, and fonts per tenant.
Independent Users
Separate user management per tenant.
Stripe Integration
Monetize content with per-tenant Stripe configuration.
Stats
Display key metrics and numbers in a clean, scannable format.