Template guide

Instructions

Everything you need to make Vermora your own. Most changes take a few clicks in Framer, no code needed.

Step 01

Colors & typography

Open Assets → Colors. Change “Accent” once and the orange updates everywhere.

Text Styles hold every heading and body style — edit a style to update all text using it.

Step 02

Logo & favicon

The logo lives inside the Navigation component. Swap the mark and wordmark with your own.

Add favicon and social image in Site Settings → General.

Step 03

3D hero scene

Select the 3D component in the hero to change colors, density, speed and interactivity.

To use Spline instead, insert the Spline component and paste your scene link.

Step 04

Projects (CMS)

Projects live in CMS → Projects. Each item gets its own detail page automatically.

Cover images look best around 1600 × 1400 px.

Step 05

Forms

Select a form and open its settings to send submissions to email, a webhook or an integration.

Success and pending states are already designed in the Submit Button component.

Step 06

Animations & smooth scroll

Appear, hover, loop and parallax effects are set per layer under Effects.

Smooth scroll intensity is a property on the Smooth Scroll component inside the layout template.

Step 07

SEO & publishing

Set titles and descriptions in Site Settings and per page.

Connect your custom domain under Site Settings → Domains.

Step 08

Replace demo content

Project names, testimonials and contact details are demo content.

Replace bracketed placeholders like [Client name] and [Street address].

Need a hand?

For questions, bugs or customization help, email the template designer. Replies usually within 1–2 business days.

Template support

Ideas worth opening, once a month.

Studio notes, new work and design resources. No spam, ever.

Vermora

Vermora

Vermora

© 2026 Vermora Studio · Designed by

Create a free website with Framer, the website builder loved by startups, designers and agencies.