FELMIO / START HERE
Launch by 18:00.
This template is built so you can go from Remix to published in one working day. Open your purchased remix link, add the template to your Framer workspace, and follow the six marks below. Pages holds the site routes; Assets holds shared components and styles; CMS holds repeatable content.
09:00
Make it yours
Replace the Felmio wordmark in Header and Footer Dark. In Assets, update shared Color Styles and Text Styles, then review /style-guide. Native components follow their styles; code mockups also have their own properties, so review their brand, fonts and accent settings separately.
10:30
Say what you do
Rewrite the hero headline as an outcome, not a category. Formula: {Product} helps {audience} {outcome} — without {old pain}.
12:00
Show the product
Select HeroProduct on Home to edit its properties or replace its demo with your product screenshot. Review ProductShowcase and ToolsCanvas separately. Replace CMS covers, logos and avatars in their collections. Mobile mockups use simplified layouts: preview desktop, tablet and phone after every change.
14:00
Add real proof
Replace the demo logos, metrics and testimonials. All of them are fictional placeholders and must be swapped before launch.
16:00
Set your plans and CTA
Update the demo Free, Team and Business plans in Pricing Card and Billing. Start free, Start free trial and Choose Business are configurable demo CTAs, not signup or checkout. Connect each plan to your real product flow; keep Contact sales linked to your sales destination.
18:00
Publish
Set unique page titles and descriptions in Page Settings. For Blog detail pages, bind Title, Excerpt and Cover; for Customers, bind Title and Summary and choose a relevant social image. Check canonicals and indexing, replace favicon and social artwork, connect your custom domain, and replace Privacy and Terms. Preview all pages and test the configured form before publishing.
Don’t touch unless you need to: spacing, breakpoints, core components, text style hierarchy.
18:00 — You’re live.
Keep your content current.
Blog
Open Blog in CMS. Edit Title, Date, Category, Excerpt, Cover, Author Name and Author Role; format Body with headings, lists and quotes. Each record uses /blog/:slug. Edit each slug carefully and update incoming links when it changes. There are seven fictional sample posts; replace the samples with your own content.
Customers
Customers powers /customers and /customers/:slug. Edit Title, Company, Logo, Person, Role, Avatar, Summary, Quote, Story, both metrics and their labels, Related Features, CTA Label and CTA Link. Keep the legacy CTA URL text consistent with CTA Link. Replace all three fictional stories, images and quotes; preview both the card and its detail page after editing a slug.
Integrations
Integrations powers the example directory at /integrations. Edit Name, Category, Description, Logo and Featured. Destination is the clickable vendor link; keep URL text consistent with it. The eight examples link to vendor websites and do not install or configure an integration. Buyers must connect any real service separately.
Changelog
Open Changelog in CMS. Edit Title, Version, Date, Time, Type and Body. Entries are displayed on /changelog, newest first; there is no separate changelog detail page. Replace fictional release notes with your real product updates.
Contact form
No delivery destination is configured in this template. On /contact, select Contact form and add a Send To email or endpoint owned by your business. Delivery requires buyer setup; this demo does not promise message delivery. Name, Email, Topic and Message are required; Company is optional. Review the Default, Pending, Success and Error variants of Form Submit. Test invalid input first, then use a safe test destination to check a valid submission, success, error and duplicate-click protection. Confirm receipt before accepting real enquiries. Collect only needed information and update your privacy policy.
Pricing toggle
Edit Pricing Card instances within Billing: update Monthly, Yearly and their Mobile variants together. The example annual total is ten monthly payments; check prices, limits and billing terms in both states. Demo CTAs usually lead to /contact; the final Home Start free leads to /pricing. No authentication, trial, checkout or booking backend is included. Replace Header, page, Billing and Customers CMS CTA links with your own destinations and verify each plan. The $39 template purchase is separate from these illustrative SaaS prices.
Setup & support
For customization, start with this guide and the shared styles. Before selling the template, its creator must provide a verified support contact or support URL and describe the available support.
Open the style guide →
Third-party accounts, form delivery, signup, payments and live integrations require your own services and configuration. No backend services are included.
Day effects (optional)
Home uses decorative DayFade transitions, PixelSky and SunBeam in the hero, NightDither near the footer, and a floating DayClock. Select each code component to inspect its controls. Preserve the section layout when adjusting effects, and check performance and reduced-motion behavior in Preview after changes.