NOVA / TEMPLATE MANUAL

One color. Your brand.

Change Brand / Primary once. Every connected accent updates across the home page and all Desktop, Tablet, and Mobile component variants.

Start with Brand / Primary

01 Open Assets → Styles → Colors.

02 Edit Brand / Primary and choose your brand color.

03 Preview the home page and your component variants.

Use an opaque color (100% opacity). The template builds soft backgrounds from the same color, while neutral text keeps small labels readable.

A small palette, built from one color.

Accent

Buttons, status badges, selected states.

Soft

Goal summaries and report previews.

Subtle

Workflow surfaces and quiet highlights.

Tints are native background layers linked to Brand / Primary. You do not need to edit them individually. Text and structural borders use neutral styles.

The supporting colors.

Surface / Canvas

Surface / Card

Surface / Subtle

Surface / Inverse

Text / Primary

Text / Secondary

Text / On Dark

Border / Default

Type with a clear hierarchy.

The template uses Inter. Page typography is shared in Assets → Styles → Text. Keep the hierarchy consistent when adapting headings and body copy.

Display / Hero title

Build your AI team.

Heading / Section title

Less busywork. More progress.

Title / Card title

Meet your new teammates.

Body / Paragraph

Give your team a clear goal. Connect your tools and review the work as it happens.

Label / Eyebrow

DESIGNED FOR YOUR WORKFLOW

Made to be edited.

Find reusable components under Assets → NOVA. Edit the main component to update every instance. Choose Tablet or Mobile in the Variant control when building responsive page layouts.

Navigation

Desktop and Tablet light/dark appearances; Mobile closed/open menu.

Pricing

Monthly and Yearly states for each screen size.

FAQ + FAQ Item

A reusable FAQ section with independent open/closed questions.

AI Agent Cards + Use Cases

Selectable teammates and team tabs, with a layout for each screen size.

Agent Dashboard + Live Workflow

Run and Reset previews, report open/close, and responsive layouts.

Integrations + Logo Strip

Native cards and real SVG logo assets.

Your final personal touches.

Replace the NOVA wordmark, product copy, sample metrics, testimonial, and destination links. Update the favicon, social image, page title, and description for your brand.

Agent avatar colors and third-party logos keep their own identity. They are separate from Brand / Primary. Component variants are ready; complete the page-level responsive layouts before launch.

This guide is a draft page with indexing disabled. Keep it as your editing reference or remove it before publishing.

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