Remedio is a masonry-style landing page template built for Latin and Hispanic skin home remedy guides. It pairs a rich Plum Executive color system with scroll-triggered card animations, a bilingual quiz overlay, and a glowing dark hero. Everything is designed to earn the trust of first-generation Latinas who want both ancestral wisdom and modern clarity about their skin.
by Rocket studio
Loading preview…
Quick summary
Remedio is a single-page masonry landing page built for cultural wellness and ancestral skincare content. It combines a dark full-bleed hero, a Pinterest-style remedy card grid, an ingredient spotlight row, community testimonial cards, and a personalized quiz overlay. The design speaks directly to first-generation Latinas searching for skin remedies that honor both science and family tradition.
Who this template is for
This template is built for creators, educators, and wellness brands serving the Latin and Hispanic community. If your content sits at the crossroads of abuela's kitchen and modern skincare, this page was made for you.
Wellness content creators building a bilingual Latin skincare guide or remedy resource
Beauty brands and coaches targeting first-generation Latinas with acne, manchas, or resequedad concerns
Email-list builders using a quiz to deliver personalized skin remedy recommendations
What problem this template solves
First-generation Latinas often search for skin care answers in two different worlds. There is no single page that holds both their dermatologist's advice and their abuela's remedios together with equal respect. This template solves exactly that gap.
Visitors land with skin concerns but no clear path to the right remedy for their skin type and history
Content scattered across social posts and PDFs does not build trust or capture leads consistently
Generic beauty templates feel culturally misaligned and fail to connect with this specific community
What you get with this template
You get a fully structured landing page with high interactivity and a warm editorial visual identity. Every section is pre-built and ready to be filled with your own remedios, ingredients, and community stories.
A dark glowing hero section with animated SVG sábila illustration and bilingual headline text
A masonry remedy card grid with three card sizes and scroll-triggered unboxing animations
A five-question quiz overlay styled as a hand-written journal, with an email capture field built in
Theme
Soft Gradient
Creative direction
Unboxing Experience
Color system
Plum Executive
Style
Masonry/Pinterest
Direction
Quiz/Assessment
Page Sections
Dark Full-bleed Glow Hero
Scroll-triggered Masonry Card Grid
Personalized Quiz Overlay
Sticky Call-to-action Bottom Bar
Ingredient Spotlight Row
Community Journey Cards
Related questions
Can I customize the remedy cards with my own content?
Does the quiz actually send personalized results to the visitor?
Is the template bilingual or Spanish-only?
What skill level do I need to edit this template?
Can I focus this template on one skin concern like acne or dark spots?
Feature list
This template ships with six purpose-built features that work together to inform, engage, and convert visitors into subscribers.
Dark Full-Bleed Glow Hero
The hero uses a near-black plum background with a pulsing SVG sábila leaf at center. A gold-to-rosa halo radiates softly around it. Serif headline text fades in on load, and a mauve subheading invites the scroll.
Scroll-Triggered Masonry Card Grid
The Pinterest-style remedy grid holds three card sizes: tall cards for full step-by-step remedios, square cards for single-ingredient spotlights, and wide cards for community skin journeys. Cards reveal their content as you scroll, mimicking the feeling of unwrapping a remedy for the first time.
Personalized Quiz Overlay
The quiz opens in a full-screen overlay styled like a hand-written journal. It asks five questions in sequence covering skin concern, skin tone, available kitchen ingredients, family skin care history, and email address. The result is framed as a personalized remedy guide, not a generic download.
Sticky Quiz Call-to-Action Bar
A bottom bar appears after the third scroll event, keeping the primary call to action visible without interrupting the browsing experience. It reinforces the quiz prompt throughout the entire page journey.
Ingredient Spotlight Row
A horizontal-scroll showcase highlights hero ingredients with hover-activated science notes. Visitors can explore sábila, aguacate, manzanilla, and other remedios with brief contextual captions that bridge tradition and evidence.
Community Journey Cards
Before-and-after testimonial cards from community members are woven into the masonry grid. They build social proof by grounding the content in real women's experiences from cities like Houston, Chicago, Los Angeles, and Miami.
Page sections overview
Section
Purpose
Dark Glow Hero
Anchors the page with mood, brand identity, and the primary quiz call to action
Masonry Remedy Grid
Displays scroll-revealed remedy cards in three sizes across the full page
Ingredient Spotlight
Horizontal scroll row showcasing hero ingredients with hover science notes
Community Journey Cards
Before-and-after testimonials from real community members
Quiz Call-to-Action Section
Full-width prompt reinforcing the quiz with a sticky bottom bar trigger
Footer
Horizontal footer with Spanish copyright and navigation links
Design & branding system
The visual identity is built on the Plum Executive color system, using a Soft Gradient theme that moves between ciruela and mauve the way the sky shifts over Oaxaca at dusk. Typography is editorial and grounded, pairing a warm serif with a clean sans-serif for body text.
Colors: deep ciruela (#4A1942) for headers, dusty mauve (#9B5D73) for card backgrounds, pale rosa (#F2D7D9) for tile spacing, and aged-gold honey (#C9A84C) for buttons and icons
Typography: Fraunces serif for headlines, DM Sans for body copy, and JetBrains Mono for labels and badges
Animations: pulsing SVG glow, masked text reveals, scroll-triggered card unboxing, marquee ticker, and parallax layers throughout the scroll
Mobile & speed optimization
The template is built mobile-first, because the target audience typically searches for skin remedios on their phones late at night. The layout adapts naturally from a single-column mobile view to a full masonry grid on wider screens.
Static grid sections use Server Components to keep the initial load lean
Interactive elements including the quiz overlay and card animations are isolated as Client Components
The masonry layout reflows responsively across small phone screens and larger tablet viewports
How this template helps you convert
Every design and copy decision in this template is aimed at earning the visitor's email address through trust, not pressure. The quiz acts as the central conversion mechanic.
The hero places the quiz call to action inside an emotionally resonant, culturally specific visual moment, earning the first click before the visitor has scrolled at all
The masonry grid soft-gates individual remedy cards behind the same email capture, giving free browsers a natural second path into the lead funnel
The sticky bottom bar ensures the quiz prompt stays visible throughout the entire scroll journey, reducing drop-off without disrupting content discovery
Other information about this template
This template is built for the Latin and Hispanic skin home remedy guide niche, a growing segment of the cultural wellness and beauty space. A few additional details worth noting:
The page is bilingual by design, with Spanish primary phrases like "¿Qué remedio es para ti?" and "Tu piel ya sabe lo que necesita" built into the hero and quiz
Card content deepens as visitors scroll, moving from widely known remedios like sábila para quemaduras toward more intimate community knowledge like baba de caracol and agua de arroz fermentada
The footer uses a horizontal layout pattern with a Spanish copyright line, keeping the cultural identity consistent to the last detail
The template suits anyone building a Latin skincare guide, a home remedy resource, or a heritage beauty brand landing page in the U.S. market
