Vivid Landing Page Template (Simple)

This is a ready to use template for any landing page you need, built with React, NextJS, and Tailwind CSS.

Modelled after the Vivid landing page.

NOTE: This version of our landing page template is simplified to be less modular than our standard template. Although this has some downsides for code quality, it makes this project more approachable for those unfamiliar with front end.

Preview

Features

• Built simply with TailwindCSS

• Perfect lighthouse scores for great SEO

• Very accessible, passing checks for screen-readers and other browsing aids

• Easily customizable via Vivid, Tailwind configuration, and global style presets

• Built-in light and dark modes

Getting Started

1. Install dependencies with yarn install (or the equivalent for other package managers)

2. Run the test app with yarn dev

Customizing

This template is made to be easily customizable! Using Vivid, you can command-click on any part of the page and immediately edit its code. Check out the Vivid docs for more information on how to style in-browser!

If you want to edit colors or fonts, simply edit styles/globals.css or tailwind.config.js.