01 / Colors

lorem ipsum dolor

Brand

Novasell Green

#00fa27

--color--green / lorem ipsum dolor

Black

#000000

--color--black / lorem / lorem ipsum

White

#ffffff

--color--white / lorem ipsum / lorem

Neutral

Near Black

#101112

lorem ipsum dolor

Dark Grey

#222426

--dark-grey-for-button-text

Davys Grey

#7e8085

--mono--dimgrey / lorem ipsum dolor

Davys Grey BG

#525459

--davys-grey-for-bg

Silver

#cdcfd4

--silver-for-disable / lorem / lorem ipsum

White Grey

#f1f5f9

--mono--white-grey / lorem

Light Grey BG

#e9eef3

--white-grey-for-bg

Semantic

Error Red

#e4250e

--rederror-for-error-text-form

Green Link

#00aa14

--novasell-green-for-button-text-link

02 / Typography

lorem ipsum dolor sit

gazzetta-variable (Display) -- Roboto ExtraBold lorem

NOVASELL

Hero Max: 486px (lorem ipsum) / 800 / line-height: 0.5 / color: #00fa27lorem ipsum dolor

FREE ANALYSIS

Hero XL: 390px (lorem ipsum) / 400 / line-height: 0.8 / letter-spacing: -7.8pxlorem ipsum dolor

OUR SERVICES

Section: 160px (lorem ipsum) / 400 / line-height: 0.75 / letter-spacing: normallorem ipsum dolor

AI MARKETINGFORCE

Product: 100px / 400 / line-height: 0.75 / letter-spacing: normallorem ipsum dolor

Subsection Title

Subsection: 62px / 700 / line-height: 1.0lorem ipsum dolor

neue-haas-grotesk-display (Label) -- Roboto lorem

CONTACT

Heading: 70px / 700 / line-height: 1.0 / letter-spacing: -1.75pxlorem ipsum dolor

English body text for descriptions and supplementary content.

Body EN: 18px / 500 / line-height: 0.78 / letter-spacing: -0.216pxlorem ipsum

ANALYTICS REPORTS

Label: 12px / 700 / line-height: 1.0 / color: #00fa27lorem

AI-powered marketing automation platform

Caption EN: 11px / 600 / line-height: 1.64 / letter-spacing: -0.209px / color: #00fa27lorem ipsum dolor

Zen Kaku Gothic New (lorem)

lorem

Display JP: 106px / 700 / line-height: 1.0 / letter-spacing: -7.95pxlorem Display

lorem, lorem, lorem.

Hero Copy: 40px / 700 / line-height: 1.2 / letter-spacing: -0.24px / color: #00fa27lorem ipsum dolor

AI lorem ipsum dolor sit amet

Heading JP: 40px / 700 / line-height: 1.2 / color: #000lorem ipsum dolor

lorem CM lorem ipsum AI lorem ipsum

Sub Heading: 32px / 700 / line-height: 1.2 / letter-spacing: -0.32pxlorem ipsum

lorem ipsum dolor sit amet consectetur

Sub Heading S: 28px / 700 / line-height: 1.4 / letter-spacing: -0.56pxlorem ipsum

Novasell lorem, lorem CM lorem ipsum dolor AI lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod. lorem ipsum dolor sit, lorem ipsum dolor sit amet consectetur adipiscing.

Body: 20px / 700 / line-height: 1.8 / letter-spacing: 1pxlorem

lorem ipsum dolor sit amet consectetur. 16px / weight 700 / line-height 1.75.

Body (default): 16px / 700 / line-height: 1.75body lorem ipsum

lorem ipsum dolor / CTA lorem

Nav Link / CTA Label: 12px / 700 / line-height: 1.2lorem / lorem

03 / Product

lorem ipsum dolor sit amet consectetur

OUR SERVICES

lorem, lorem, lorem.

Novasell lorem, lorem CM lorem ipsum dolor sit AI lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet consectetur adipiscing, lorem ipsum dolor sit amet consectetur.

AI lorem ipsum dolor

lorem ipsum dolor sit amet consectetur adipiscing, lorem ipsum dolor sit amet. lorem ipsum AI lorem ipsum dolor sit, lorem ipsum dolor sit amet consectetur adipiscing. ABCabc 123

AI-POWERED MARKETING AUTOMATION

NOVASELL AI

lorem, lorem, lorem. lorem ipsum dolor sit.

04 / Buttons

lorem ipsum dolor sit

Primary (lorem)

Secondary (lorem)

Green CTA

Disabled

Text Link

Dark background

lorem ipsum

Green on Dark

lorem ipsum

Outline on Dark

05 / Cards

lorem ipsum dolor sit

ANALYTICS REPORTS

lorem CM lorem ipsum

lorem AI lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor sit amet consectetur.

CREATIVE

AI lorem ipsum dolor sit

lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum CM lorem, lorem.

OPERATION

lorem ipsum

lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur adipiscing.

06 / Forms

lorem ipsum dolor

lorem

lorem ipsum -- border: #cdcfd4, radius: 4px

lorem ipsum dolor

lorem ipsum -- border: #00fa27 (Novasell Green)

lorem ipsum

lorem ipsum dolor sit amet consectetur

lorem -- border: #e4250e (Error Red)

07 / Elevation

Depth & Elevation

Flat (default)

lorem. lorem ipsum dolor. lorem ipsum dolor

Dark Contrast

lorem + lorem ipsum dolor sit amet consectetur

Green Surface

lorem ipsum dolor sit amet

CSS Custom Properties lorem ipsum dolor sit. lorem ipsum dolor sit amet consectetur.
lorem ipsum dolor sit:--ease-01: cubic-bezier(0.32, 0.48, 0, 1)