Start here

Make it yours. Keep it clear.

A practical guide to adapting this native Framer template for a real startup, SaaS, or AI product.

01 / Identity

Edit the Daybreak wordmark and sunrise mark in the shared navigation. Update Background, Surface, Elevated, Border, Text, Muted, and Accent color styles. Typography uses Instrument Sans and the Display, Heading, Title, Body, Small, Label, and Article styles.

02 / Shared structure

The Site Shell layout template owns navigation, the final call to action, and the footer. Change shared links and branding there. Buttons, FAQs, workspace previews, pricing, and form submit states are reusable native components.

03 / Real product content

Replace the fictional copy, sample interface data, proposed capabilities, and illustrative pricing with accurate information about your product. The workspace preview is editable native artwork, not a connected application.

04 / CMS

Journal holds article titles, unique slugs, dates, excerpts, categories, read times, artwork, and rich text. The listing and detail template are connected. Template updates powers the changelog.

05 / Forms and billing

Set a verified email, webhook, or supported destination on each native form in Framer. Test successful delivery after publishing. Submit states include pending, success, error, and incomplete. Replace pricing CTAs with your real checkout or app links.

06 / Responsive and motion

Review Desktop (1200), Tablet (810), Phone (390), and widths between them. Compact variants adapt the menu, dashboard preview, and pricing. Reveals, hover states, accordion flow, and page transitions are native. Reduced motion is enabled.

07 / Original assets

Three original mint-glass and graphite artworks were generated specifically for this design. The sunrise logo is an original vector. No fabricated testimonials or customer logos are included. Review asset rights and the chosen brand name before commercial distribution.

08 / Before publishing

Connect real destinations, replace demo policies, and set your domain and final SEO metadata. Review pages, links, menus, FAQs, pricing states, and CMS articles. Configure a commercial license, support and refund details, test a clean Remix, then publish and prepare your listing.