Style Guide & Licensing

A quick look at the building blocks of this project. You’ll find all typography, color styles, and image licenses right here.

Style Guide & Licensing

A quick look at the building blocks of this project. You’ll find all typography, color styles, and image licenses right here.

Style Guide & Licensing

A quick look at the building blocks of this project. You’ll find all typography, color styles, and image licenses right here.

Style Guide & Licensing

A quick look at the building blocks of this project. You’ll find all typography, color styles, and image licenses right here.

Copywriting

All project names, descriptions, and textual narratives within this template are fictional and were developed for demonstration purposes.

Color

Light Mode

Dark Mode

Primary Text

#101010

#F8F8F8

Secondary Text

#565656

#9C9C9C

Lines

#D9D9D9

#262626

Background

#F8F8F8

#101010

Typography

Switzer

ABCDEFGHIJKLMNOPQRSTUVWXYZ

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

abcdefghijklmnopqrstuvwxyz

1234567890!@#$%^&*()

1234567890!@#$%^&*()

Designed by Gunjan Panchal and published by Indian Type Foundry

Designed by Gunjan Panchal and published by Indian Type Foundry

Headings

Large Desktop

+1920 px

H1

H1

H1

Variable: Light

Font size: 48px

Line height: 110%

Letter spacing: -0.03 Em

H2

H2

H2

Variable: Light

Font size: 56px

Line height: 110%

Letter spacing: -0.03 Em

Desktop

1919 -1200 px

H1

H1

H1

Variable: Light

Font size: 64px

Line height: 110%

Letter spacing: -0.03 Em

H2

H2

H2

Variable: Light

Font size: 48px

Line height: 110%

Letter spacing: -0.03 Em

Tablet

1199 - 810 px

H1

H1

Variable: Light

Font size: 48px

Line height: 110%

Letter spacing: -0.03 Em

H2

H2

Variable: Light

Font size: 36px

Line height: 110%

Letter spacing: -0.03 Em

Phone

-809 px

H1

H1

Variable: Light

Font size: 36px

Line height: 110%

Letter spacing: -0.03 Em

H2

H2

Variable: Light

Font size: 32px

Line height: 110%

Letter spacing: -0.03 Em

Large Text

Large Desktop

+1920 px

Large Text

Large Text

Variable: Light

Font size: 28px

Line height: 120%

Letter spacing: 0 Em

Desktop & Tablet

1919 - 810 px

Large Text

Large Text

Large Text

Variable: Light

Font size: 24px

Line height: 120%

Letter spacing: 0 Em

Phone

-809 px

Large Text

Large Text

Variable: Light

Font size: 21px

Line height: 120%

Letter spacing: 0 Em

Medium Text

Large Desktop

+1920 px

Medium Text Regular

Variable: Regular

Font size: 18px

Line height: 140%

Letter spacing: 0 Em

Medium Text Medium

Variable: Medium

Font size: 18px

Line height: 140%

Letter spacing: 0 Em

Desktop & Tablet & Phone

-1919 px

Medium Text Regular

Medium Text Regular

Variable: Regular

Font size: 16px

Line height: 140%

Letter spacing: 0 Em

Medium Text Medium

Variable: Medium

Font size: 16px

Line height: 140%

Letter spacing: 0 Em

Small Text

Large Desktop

+1920 px

Small Text

Small Text

Small Text

Variable: Regular

Font size: 16px

Line height: 130%

Letter spacing: 0 Em

Desktop & Tablet

1919 - 810 px

Small Text

Small Text

Small Text

Variable: Regular

Font size: 14px

Line height: 130%

Letter spacing: 0 Em

Phone

-809 px

Small Text

Small Text

Variable: Regular

Font size: 12px

Line height: 130%

Letter spacing: 0 Em

Button Text

Large Desktop

+1920 px

Button Text Regular

Variable: Regular

Font size: 18px

Line height: 140%

Letter spacing: 0 Em

Button Text Medium

Variable: Medium

Font size: 18px

Line height: 140%

Letter spacing: 0 Em

Desktop & Tablet & Phone

-1919 px

Button Text Regular

Button Text Regular

Variable: Regular

Font size: 16px

Line height: 140%

Letter spacing: 0 Em

Button Text Medium

Variable: Medium

Font size: 16px

Line height: 140%

Letter spacing: 0 Em

Imagery

All visual assets and photographs in this template were generated using artificial intelligence with Gemini and Nano Banana directly within Figma. These images are provided for demonstration purposes to showcase the layout, grid systems, and artistic direction.

Iconography

All icons and navigational elements used throughout the project, were custom-designed within Figma and Framer for this specific template. These assets are vector-based and included as part of the template license.

External Components

This project leverages specialized logic and interactive assets from the Framer University to provide a high-end, seamless user experience.

A special thanks to Nandi, the lead creator at Framer University, for the expert-level components integrated into this template.

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