A simple monthly option
Starter Plan
$19/month
- Hero video and branded opening
- Reusable image-led content sections
- Primary CTA and flexible lead capture area
Prerendered and crawlable by default
SEO-ready video-first landing pages built with TypeScript and Tailwind.
This version pairs story-driven layout design with prerendered HTML, semantic sections, crawlable navigation, flexible placeholder content, and a dedicated research route for explaining the theory behind Rumo.
Prerendered HTML output
Video-led storytelling layout
Dedicated research route
Modular Hero
Swap the source video, headline, badge, and CTA without changing the composition.
Hero videoFeature storytellingPricing cardsTheory pagePress logosFAQ closeHero videoFeature storytellingPricing cardsTheory pagePress logosFAQ close
Meet the Framework
Start with a media-rich story block that introduces the product and the mood.
This mirrors the way the reference site opens up after the hero: a clear explanatory section paired with stacked images, supporting captions, and a playful sense of movement.
See the pricing section
Layout Note
Use this kind of block when you want to explain the product in plain language while keeping the page from turning into a wall of text.
Plans and Cards
Pricing cards create a familiar midpoint and give the page a strong conversion anchor.
A yearly package with more room to grow
Studio Plan
$189/year
- Expanded proof and testimonial sections
- Pricing cards, stats, logos, and FAQ modules
- Dedicated research and theory route
Feature Stack
Break the explanation into three clear product ideas with a visual anchor nearby.
Adaptive flow
A guided experience that feels personal from the first tap.
Use this section for your core value prop, then support it with a few short explanatory cards and a visual anchor.
Visual rhythm
Switch between copy-heavy sections and bold media moments.
The original site moves from trust-building to product explanation, then into proof, social validation, and an FAQ close.
Reusable blocks
Everything here is built as flexible content sections.
You can swap video, images, headlines, testimonials, pricing, and now the linked research page without changing the structure.
Flexible storytelling
This section can become research, methodology, product pillars, or any other supporting narrative that needs to feel more substantial than a short feature list.
Image-led Story
Bring in larger editorial-style imagery once the product explanation is established.
The reference page shifts into more emotional, aspirational storytelling here. This remake follows that same idea with a large media panel, supportive text, and a smaller companion image.
Jump to proof section
Content swap ready
Replace this with a founder message, testimonial setup, educational framing, product philosophy, or a pathway into the dedicated research route.
Proof and Momentum
Follow the emotional section with metrics, validation, and recognizable social proof.
This is where the original site moves into outcome-oriented messaging. A stat grid and logos make the page feel credible without slowing down the pace.
4x
more visual sections than a standard SaaS page
92%
of the layout focused on story-led content flow
12
modular blocks ready for your real content
2
prerendered routes ready to index
As seen in
Atlas
Frame
North
Current
Signal
Form
Quotes and Trust
Quotes, testimonials, and mini endorsements help bridge proof into a more human close.
"The strongest part of this pattern is the pacing. It never lets the page feel flat."
Creative Team Review
"It feels like a polished launch page now, even with placeholder media and copy."
Prototype Feedback
"The theory page gives the brand a much more credible foundation for people who want the research."
Internal Handoff
01
Open with confidence
Use a large headline, direct promise, strong CTA pair, and an attention-grabbing video panel.
02
Build the story gradually
Alternate between explanatory copy, media stacks, pricing, features, proof, and testimonial moments.
03
Close with clarity
Give people a way to go deeper. On this build, that means the dedicated research and theory page.
FAQ
Keep the close practical with simple answers to the questions people ask before converting.
Can we replace every placeholder later?+
Yes. The sections are intentionally generic, so you can swap text, images, stats, pricing, and video sources without changing the surrounding layout.
Is the page responsive?+
Yes. The layout compresses into stacked sections on smaller screens while preserving the same order and visual pacing.
Can this become a CMS-driven page later?+
Yes. The content is stored in arrays and split into reusable section patterns, which makes the next step into a CMS or headless setup much easier.
Is the research page also prerendered?+
Yes. Both the homepage and the research route are generated as static HTML so they can be crawled and indexed more reliably.
Final CTA
The structure is in place. Next we can swap in your real story, imagery, and conversion goals.
If you want, the next step can be content replacement, brand styling adjustments, or extending the same system into more prerendered routes like the research page.