NovaFlow

Starting up platform

0%

Theme Documentation

NovaFlow Startup Landing Theme

Thank you for purchasing NovaFlow. This guide covers installation, file structure, customization, form setup, scripts, media, and deployment notes for ThemeForest buyers.

Version: 1.0.0 Type: Static HTML + Tailwind CSS Dependencies: Local only (no CDN)

Contents

Overview Installation Project Structure Customization Forms JavaScript Media Deployment FAQ Credits Changelog Support

Overview

What is included

Core Pages

Home, Features, Pricing, About, Contact, Login, and Register pages are included and connected.

Tailwind Build Setup

Source styles are in src/input.css. Production CSS is generated to assets/css/style.css.

Local Assets

Fonts, images, and demo video are bundled locally. No external CDN is required.

Installation

Quick start

  1. 1. Extract the package and open the project folder.
  2. 2. Run npm install to install Tailwind dependencies.
  3. 3. Build CSS once using npm run build:css.
  4. 4. For live development, run npm run watch:css.
  5. 5. Open index.html in your browser or local server.

Commands

npm install
npm run build:css
npm run watch:css

Project Structure

Folder map

startup-landing/
|-- assets/
|   |-- css/
|   |   `-- style.css
|   |-- js/
|   |   `-- main.js
|   |-- images/
|   |-- videos/
|   `-- fonts/
|-- pages/
|   |-- features.html
|   |-- pricing.html
|   |-- about.html
|   `-- contact.html
|-- auth/
|   |-- login.html
|   `-- register.html
|-- documentation/
|   `-- index.html
|-- preview/
|   |-- thumbnail.jpg
|   `-- preview.jpg
|-- src/
|   `-- input.css
|-- index.html
|-- package.json
|-- tailwind.config.js
`-- README.txt

Customization

Theme editing guide

Colors and Fonts

Edit theme tokens in tailwind.config.js under theme.extend (colors, fontFamily, shadows, and backgroundImage).

Component Styles

Edit utility additions and animations in src/input.css, then rebuild CSS.

Content Updates

Headlines, plans, testimonials, FAQ text, and links can be edited directly in each HTML page.

Navigation Links

If you rename pages, update navbar/footer links in all files to keep navigation consistent.

Forms

Contact, login, and register forms

This item is a static HTML template. Form UI and validation attributes are included, but no backend processing is bundled by default.

  • 1. Contact form currently submits to action="#".
  • 2. Login and register forms are UI-only unless connected to your own auth backend.
  • 3. For production, connect forms to Formspree, PHP, Node, Laravel, or any server endpoint.

Example: Formspree integration

<form action="https://formspree.io/f/your-id" method="POST">
  ...
</form>

JavaScript

Interactive modules in assets/js/main.js

Mobile Navigation

Toggles menu visibility with #mobile-menu-toggle and #mobile-menu.

Product Screen Tabs

Switches panels using data-screen-btn and data-screen-panel.

Pricing Toggle

Monthly and yearly toggle with data-billing-btn, data-price, and data-billing-note.

Password Visibility

Login/register password toggle via data-toggle-password and data-target.

Demo Video Modal

Opens and closes video popup with data-demo-open, data-demo-close, #demo-modal, and #demo-video.

Media

Fonts, images, and video

  • 1. Local fonts are loaded from assets/fonts (Outfit and Plus Jakarta Sans variable fonts).
  • 2. Team avatars and visual assets are in assets/images.
  • 3. Hero demo popup video file is assets/videos/demo.mp4.
  • 4. Recommended video format for broad support: MP4 (H.264 video + AAC audio).

Deployment

Publish checklist

  • 1. Run npm run build:css before publishing.
  • 2. Ensure all page links work after domain upload.
  • 3. Replace placeholder email, phone, and office details.
  • 4. Connect contact and auth forms to a real endpoint if needed.
  • 5. Optimize custom images and video for faster load times.

FAQ

Common questions

Is this theme dynamic out of the box?

No. It is a static HTML template with JavaScript interactions. Backend integrations are optional and buyer-controlled.

Can I remove sections or pages?

Yes. You can remove sections, duplicate blocks, or create new pages and keep the shared style system.

Does it use any CDN or external script by default?

No. Theme assets are local and self-contained by default.

Credits

Libraries and assets

  • 1. Tailwind CSS (build tooling).
  • 2. Outfit and Plus Jakarta Sans local font files included in package.
  • 3. Custom local SVG avatars and generated visual UI assets.

Changelog

Version history

v1.0.0

Initial release with one main landing page, internal pages, auth pages, local assets, and complete Tailwind build workflow.

Support

Need help?

For support, include your purchase code, issue details, browser/device info, and screenshots. Response time target is within 24-48 business hours.

Support email: support@novaflow.example