Style Guide

This style guide provides a comprehensive overview of all design elements used in this template, including typography, color schemes, and components. Follow the guidelines below to maintain consistency and ensure a cohesive look across all pages.

Heading

H1 Heading

H2 Heading

H3 Heading

H4 Heading

H5 Heading
H6 Heading

Colors

Base Color - Neutral

Text Color

Background Color

Border Color

Buttons

To use on a dark background, simple use the add-on class Alternate

Spacings

Padding Hero Up

Padding Hero Down

Padding Section Large

Padding Section Medium

Padding Section Small

Padding Global

NavBar Side Spacing

Side Padding Large

Button Vertical Padding

Button Side Padding Primary

Button Side Padding Secondary

Upcoming Payments
Get started now!

Download it and manage your money now!

Simplify your finances with Lumari. Built for founders who move fast. Get your demo today.

Download it now

Takes about 5 minutes to download, make an account and get going