Reference
Every block, in one article
One instance of each block an article can place, labelled and in picker order.
Background Shaders
`ditheringHero` — article body only; too wide for a 320px rail.
Your words,
delivered perfectly.
Join 2,847 founders using the only AI that understands the nuance of your voice. Clean, precise, and uniquely yours.
Centered
`heroCentered` — article body only; too wide for a 320px rail.
Design system
Your tokens, on real components
Every section on this page reads only your Site Tokens. Change a color, the type scale, or a radius in the admin, reload, and watch it flow through the whole page.
Floating
`heroFloating` — article body only; too wide for a 320px rail.
Make your websitefancy
With a growing library of ready-to-use components & microinteractions.
Floating Gallery
`heroFloatingGallery` — article body only; too wide for a 320px rail.
fancy.
Move your cursor — the photographs drift with you. A bold, immersive stage for any statement.
Floating Icons
`floatingIconsHero` — article body only; too wide for a 320px rail.
A World of Innovation
Explore a universe of possibilities with our platform, connecting you to the tools and technologies that shape the future.
Logo Cloud
`heroLogoCloud` — article body only; too wide for a 320px rail.
Build 10x faster with Strata
Highly customizable components for building modern websites and applications.
Powering the best teams
Media Background
`mediaHero` — article body only; too wide for a 320px rail.
We build brands people remember
Strategy, design, and motion under one roof — shipping work that moves the needle.
- Brand strategy
- Web design
- Motion
- Content
Page Title
`pageHero` — article body only; too wide for a 320px rail.
About our studio
We design and build digital products for teams who care about craft — from the first sketch to the shipped release.
Product Mockup
`heroMockup` — article body only; too wide for a 320px rail.
Build faster with beautiful components
Premium UI components built with the Strata design system. Ship your next project faster with ready-to-use blocks.
Rotating Words
`rotatingStatement` — article body only; too wide for a 320px rail.
Scrolling Strip
`heroMarquee` — article body only; too wide for a 320px rail.
Engage Audiences with Stunning Videos
Boost your brand with high-impact short videos from our expert content creators. Our team is ready to propel your business forward.
Typewriter Text
`heroTypewriter` — article body only; too wide for a 320px rail.
How to make money
Achieve your goals and learn high-income skills that compound over time.
Comparison
`comparison` — article body only; too wide for a 320px rail.
How we compare
A sample capability table with one highlighted column.
- Single sign-on (SSO)
- Audit logs
- Included seats
- Unlimited
- Priority support
- Setup time
- Minutes
- Single sign-on (SSO)
- Audit logs
- Included seats
- 5 max
- Priority support
- Setup time
- Weeks
FAQ
`faq` — article body only; too wide for a 320px rail.
Frequently asked questions
Everything you might want to know before getting started.
You are billed monthly based on your plan. Switch or cancel anytime from settings, with changes prorated to the day.
Yes. Cancel from settings with no questions asked, and keep access to the end of your current period.
If something is not right in the first 30 days, reach out and we will make it right.
Data is encrypted in transit and at rest, and we run regular third-party security reviews.
Stats Band
`statsBand` — article body only; too wide for a 320px rail.
Trusted at scale
Sample figures showing how the band reads with four stats.
- 10k+
- Active customers
- 99.9%
- Uptime
- 4.8/5
- Average rating
- 40+
- Countries
Last 12 months
2,300 reviews
Steps (How it works)
`steps` — article body only; too wide for a 320px rail.
How it works
From zero to live in three steps.
- 1
Connect
Link your repository and import your existing content in one click.
- 2
Configure
Set your design tokens, rules, and permissions to match your brand.
- 3
Ship
Publish to production and roll out changes with confidence.
Embed
`embed` — article body only; too wide for a 320px rail.
Drop in anything
Calendly, YouTube, Typeform, Maps. This one is a video by URL.
Spacer / Divider
`spacer` — also offered in the sidebars.
Contact (with form)
`contactSplit` — article body only; too wide for a 320px rail.
Contact
Let us know how we can help
Reach out about a project, a partnership, or support. Fill in the form and the right person will get back to you.
- hello@example.com
- +1 (555) 012-3456
- 128 Market Street, San Francisco, CA
Contact Methods
`contactMethods` — article body only; too wide for a 320px rail.
Say hello
Let's connect
Questions, ideas, or just want to chat? Reach us wherever you're most comfortable — we usually reply within a day.
Email us
The fastest way to reach the whole team.
hello@example.comJoin the community
Swap tips and get help from thousands of builders.
Open our DiscordCall the team
Prefer to talk? We're around on weekdays, 9–5.
+1 (555) 012-3456Visit the studio
128 Market Street, San Francisco, CA 94105.
Form
`form` — article body only; too wide for a 320px rail.
Get in touch
Tell us about your project and we'll get back to you within one business day.
3D Gallery
`gallery3d` — article body only; too wide for a 320px rail.
Gallery
Swipe to explore
Use scroll, arrow keys, or touch to navigate
Drifting Photo Wall (3D)
`threeDMarquee` — article body only; too wide for a 320px rail.
A wall of moments
Photos scrolling in four directions, tilted into 3D.
Expands on Scroll
`scrollExpandMedia` — article body only; too wide for a 320px rail.
Featured Story
Scroll to Expand
Immersive
Visual Experience
Folder Gallery
`folderGallery` — article body only; too wide for a 320px rail.
Gallery Carousel
`galleryCarousel` — article body only; too wide for a 320px rail.
Featured capabilities
Assemble responsive layouts from a library of pre-built content blocks — no code required.
Every block paints from the shared design system, so type, colour, and spacing stay consistent.
Headings, body copy, and CTAs are translatable per locale from a single source of truth.
See your edits render exactly as they'll appear before you publish, with drafts kept private.
Semantic markup, keyboard-navigable controls, and proper labelling are baked in.
Publish to every market from one workspace, with per-tenant domains and content.
Globe
`globe` — article body only; too wide for a 320px rail.
One team, every timezone
Drag to spin the globe. Our hubs and the routes between them, rendered live.
- San Francisco
- New York
- London
- Paris
- Dubai
- Tokyo
- Sydney
- São Paulo
- Cape Town
Image Reveal
`imageReveal` — article body only; too wide for a 320px rail.
In-View Image Grid
`inViewGrid` — article body only; too wide for a 320px rail.
Gallery
Scroll to reveal
Interactive Image Gallery
`interactiveImageGallery` — article body only; too wide for a 320px rail.
Mosaic Photo Grid
`bentoGallery` — article body only; too wide for a 320px rail.
Curated Moments
A collection of stunning landscapes. Drag to explore, click any tile to expand.
Mountain Vista
Serenity above the clouds.
Coastal Arch
Where the land meets the sea.
Forest Canopy
Sunlight through the leaves.
Desert Dunes
Golden sands under the sun.
City at Night
A vibrant urban landscape.
Misty Lake
Fog over calm morning water.
Photo Gallery
`photoGallery` — article body only; too wide for a 320px rail.
Spinning Wheel Gallery
`radialScrollGallery` — article body only; too wide for a 320px rail.
Work
- Art
Nebula
- Photo
Decay
- Nature
Oceanic
- Tech
Neon
- Travel
Desert
- Nature
Mist
Video Player
`videoPlayer` — article body only; too wide for a 320px rail.
Card
`ctaCard` — also offered in the sidebars.
Try our platform today!
Everything you need to launch, in one place. Managing a small business today is already tough — avoid further complications.
Checklist
`ctaChecklist` — article body only; too wide for a 320px rail.
One plan, everything you need
Start free and upgrade when you grow. No surprises, no lock-in.
- Unlimited projects & pages
- Priority support
- No credit card required
- Cancel anytime
Gallery
`ctaGallery` — article body only; too wide for a 320px rail.
Scale your business through innovation
Bring your content, campaigns, and team into one place — and grow faster with the tools your team already loves.
Glow
`ctaGlow` — article body only; too wide for a 320px rail.
Ready to build something great?
Start free — no credit card required. Ship your first page today.
Interactive Button
`ctaLetsWork` — article body only; too wide for a 320px rail.
Let's talk
Let's worktogether
Have a project in mind? I'd love to hear about it. Let's create something exceptional together.
hello@example.comPhoto Banner
`ctaAero` — article body only; too wide for a 320px rail.
Solutions for a better future
A full-bleed call-to-action over a cover image, with a dark scrim for readable copy.
Rectangle
`ctaRectangle` — article body only; too wide for a 320px rail.
Ready to build something great?
Start free — no credit card required. Ship your first page today.
Scrolling Band
`ctaMarquee` — article body only; too wide for a 320px rail.
Join thousands already shipping with Strata
One workspace for your whole site — see what teams are building.
Scrolling Text
`ctaTextMarquee` — article body only; too wide for a 320px rail.
Words in motion, focus in place
Giant phrases drift past while your message stays front and center.
Social Proof
`ctaSocialProof` — article body only; too wide for a 320px rail.
Ready to ship faster?
Start free, invite your team, and publish your first page in minutes.
Waitlist
`waitlist` — article body only; too wide for a 320px rail.
Take a screenshot.
Save anything with a screenshot.
Glow
`newsletterGlow` — article body only; too wide for a 320px rail.
Join our newsletter
The best of our writing, product news, and community — once a week.
No spam. Unsubscribe anytime.
Gradient
`newsletterGradient` — article body only; too wide for a 320px rail.
Stay in the loop
Product news, updates, and the occasional deep-dive — once a week.
We never share your email.
Postcard
`newsletterPostcard` — article body only; too wide for a 320px rail.
Get the good mail
One friendly note a week, straight to your inbox — the kind of email you actually open.
No junk mail. Unsubscribe anytime.
Standard
`newsletterPrimary` — article body only; too wide for a 320px rail.
Subscribe to our newsletter
The latest posts, product updates, and the occasional deep-dive — straight to your inbox.
We never spam. Read our privacy policy.
Rich Text
`richText` — also offered in the sidebars.
Rich Text carries the prose between the other blocks. It is the only ungrouped block an article offers, and the one every article needs.
Angled Scrolling (3D)
`perspectiveMarquee` — article body only; too wide for a 320px rail.
Animated Entrance
`textEffect` — article body only; too wide for a 320px rail.
Banner
`textBanner` — article body only; too wide for a 320px rail.
Big news, in a brand band
A full-width banner for announcements or section breaks.
Flip Words
`textFlipWords` — article body only; too wide for a 320px rail.
Build better websites with Strata.
Giant Scrolling Text
`giantTextMarquee` — article body only; too wide for a 320px rail.
Link Previews
`textLinkPreview` — article body only; too wide for a 320px rail.
Hover the highlighted phrases to peek before you click. Take this first photo or this second one — the preview pops up right inline.
Scroll Reveal
`textReveal` — article body only; too wide for a 320px rail.
WeWeturnturnambitiousambitiousideasideasintointoproductsproductspeoplepeoplelovelove——oneonethoughtfulthoughtfuldetaildetailatataatime.time.
Scrolling Ribbon
`marqueeRibbon` — article body only; too wide for a 320px rail.
Text
`textSection` — article body only; too wide for a 320px rail.
Left-aligned text for side pages
This is a plain text section, the kind you'd use for an About, Privacy, or Terms page.
Leave a blank line between paragraphs and they're spaced out automatically.
Typing Animation
`typingText` — article body only; too wide for a 320px rail.
We design brands people remember.
Ad Banner
`adBanner` — article body only; too wide for a 320px rail.
Article List
`blogArticleList` — also offered in the sidebars.
Read next
Call to Action
`cta-blogs` — also offered in the sidebars.
Callout
`callout` — also offered in the sidebars.
Collapsible Block
`collapsible` — also offered in the sidebars.
Disclaimer
`disclaimer` — also offered in the sidebars.
Key Takeaways
`keyTakeaways` — also offered in the sidebars.
Media
`media` — also offered in the sidebars.
Table
`blogTable` — article body only; too wide for a 320px rail.
| Width | Offers | |
|---|---|---|
| Contents rail | 240px | The article's own headings |
| Sidebar rail | 320px | The eleven rail-shaped blocks |
Table of Contents
`tableOfContents` — also offered in the sidebars.
Why Trust Us
`whyTrustUs` — article body only; too wide for a 320px rail.