Style Guide

Style Guide

Text Style

Text Style

Text Style

SaaS Wind text styles are minimalist and purposeful. Each style has a specific use case to maintain consistency and readability.

SaaS Wind text styles are minimalist and purposeful. Each style has a specific use case to maintain consistency and readability.

SaaS Wind text styles are minimalist and purposeful. Each style has a specific use case to maintain consistency and readability.

Heading 1
Heading 1
Heading 1

SaaS Wind is tailor-made for SaaS enterprise

SaaS Wind is tailor-made for SaaS enterprise

Weight:

Bold / 700

Size & Line Height:

55 / 120%

Letter Spacing:

-2 px

Heading 2
Heading 2
Heading 2

SaaS Wind is tailor-made for SaaS enterprise

SaaS Wind is tailor-made for SaaS enterprise

SaaS Wind is tailor-made for SaaS enterprise

Weight:

Bold / 700

Size & Line Height:

44 / 130%

Letter Spacing:

-1.5px

Heading 3
Heading 3
Heading 3

SaaS Wind is tailor-made for SaaS enterprise

SaaS Wind is tailor-made for SaaS enterprise

SaaS Wind is tailor-made for SaaS enterprise

Weight:

Bold / 700

Size & Line Height:

44 / 130%

Letter Spacing:

0%

Heading 4
Heading 4
Heading 4

SaaS Wind is tailor-made for SaaS enterprise

SaaS Wind is tailor-made for SaaS enterprise

SaaS Wind is tailor-made for SaaS enterprise

Weight:

Medium / 500

Size & Line Height:

24 / 130%

Letter Spacing:

0%

Overline
Overline
Overline
SaaS Wind is tailor-made for SaaS enterprise
SaaS Wind is tailor-made for SaaS enterprise
SaaS Wind is tailor-made for SaaS enterprise

Weight:

Semibold / 600

Size & Line Height:

20 / 120%

Letter Spacing:

0%

Title L
Title L
Title L
SaaS Wind is tailor-made for SaaS enterprise
SaaS Wind is tailor-made for SaaS enterprise
SaaS Wind is tailor-made for SaaS enterprise

Weight:

Semibold / 600

Size & Line Height:

20 / 130%

Letter Spacing:

0%

Title M
Title M
Title M

SaaS Wind is tailor-made for SaaS enterprise

SaaS Wind is tailor-made for SaaS enterprise

SaaS Wind is tailor-made for SaaS enterprise

Weight:

Semibold / 600

Size & Line Height:

16 / 24px

Letter Spacing:

0%

Body - L
Body - L
Body - L

SaaS Wind is tailor-made for SaaS enterprises, providing a comprehensive and scalable platform designed to streamline operations, enhance user experience, and drive growth. With intuitive design, robust features, and seamless integrations, it empowers businesses to efficiently manage their services, improve customer engagement, and stay ahead in a competitive market.

SaaS Wind is tailor-made for SaaS enterprises, providing a comprehensive and scalable platform designed to streamline operations, enhance user experience, and drive growth. With intuitive design, robust features, and seamless integrations, it empowers businesses to efficiently manage their services, improve customer engagement, and stay ahead in a competitive market.

SaaS Wind is tailor-made for SaaS enterprises, providing a comprehensive and scalable platform designed to streamline operations, enhance user experience, and drive growth. With intuitive design, robust features, and seamless integrations, it empowers businesses to efficiently manage their services, improve customer engagement, and stay ahead in a competitive market.

Weight:

Regular / 400

Size & Line Height:

18 / 150%

Letter Spacing:

0%

Body - M
Body - M
Body - M

SaaS Wind is tailor-made for SaaS enterprises, providing a comprehensive and scalable platform designed to streamline operations, enhance user experience, and drive growth. With intuitive design, robust features, and seamless integrations, it empowers businesses to efficiently manage their services, improve customer engagement, and stay ahead in a competitive market.

SaaS Wind is tailor-made for SaaS enterprises, providing a comprehensive and scalable platform designed to streamline operations, enhance user experience, and drive growth. With intuitive design, robust features, and seamless integrations, it empowers businesses to efficiently manage their services, improve customer engagement, and stay ahead in a competitive market.

SaaS Wind is tailor-made for SaaS enterprises, providing a comprehensive and scalable platform designed to streamline operations, enhance user experience, and drive growth. With intuitive design, robust features, and seamless integrations, it empowers businesses to efficiently manage their services, improve customer engagement, and stay ahead in a competitive market.

Weight:

Regular / 400

Size & Line Height:

16 / 120%

Letter Spacing:

0%

Body - S
Body - S
Body - S

SaaS Wind is tailor-made for SaaS enterprises, providing a comprehensive and scalable platform designed to streamline operations, enhance user experience, and drive growth. With intuitive design, robust features, and seamless integrations, it empowers businesses to efficiently manage their services, improve customer engagement, and stay ahead in a competitive market.

Weight:

Regular / 400

Size & Line Height:

12 / 20px

Letter Spacing:

0%

Caption - Bold
Caption - Bold
Caption - Bold

SaaS Wind is tailor-made for SaaS enterprise

Weight:

Semibold / 600

Size & Line Height:

12 / 140%

Letter Spacing:

0%

Caption - Regular
Caption - Regular
Caption - Regular

SaaS Wind is tailor-made for SaaS enterprise

Weight:

Regular / 400

Size & Line Height:

12 / 140%

Letter Spacing:

0%

Color Variable

Color Variable

Color Variable

Color palette defines the visual identity of our brand. Each color is chosen to evoke specific emotions and ensure consistency across all platforms. Use these colors to maintain a cohesive and professional look.

Color palette defines the visual identity of our brand. Each color is chosen to evoke specific emotions and ensure consistency across all platforms. Use these colors to maintain a cohesive and professional look.

Color palette defines the visual identity of our brand. Each color is chosen to evoke specific emotions and ensure consistency across all platforms. Use these colors to maintain a cohesive and professional look.

Text 1

#011932

Text 1

#011932

Text 1

#011932

Text 1

#011932

Text 2

#525C66

Text 2

#525C66

Text 2

#525C66

Text 2

#525C66

Text 3

#868F98

Text 3

#868F98

Text 3

#868F98

Text 3

#868F98

Text 4

#BABFC4

Text 4

#BABFC4

Text 4

#BABFC4

Text 4

#BABFC4

Text - white

#FFFFF

Text - white

#FFFFF

Text - white

#FFFFF

Text - white

#FFFFF

Bg - white

#FFFFF

Bg - white

#FFFFF

Bg - white

#FFFFF

Bg - white

#FFFFF

Bg - grey

#F9FAFB

Bg - grey

#F9FAFB

Bg - grey

#F9FAFB

Bg - grey

#F9FAFB

Border 1

#E2E6E9

Border 1

#E2E6E9

Border 1

#E2E6E9

Border 1

#E2E6E9

Border 2

#F3F5F6

Border 2

#F3F5F6

Border 2

#F3F5F6

Border 2

#F3F5F6

Brand -Primary

#007AB8

Brand -Primary

#007AB8

Brand -Primary

#007AB8

Brand -Primary

#007AB8

Brand - light

#F7FCFF

Brand - light

#F7FCFF

Brand - light

#F7FCFF

Brand - light

#F7FCFF

Green

#009959

Green

#009959

Green

#009959

Green

#009959

Green - light

#ECFCF2

Green - light

#ECFCF2

Green - light

#ECFCF2

Green - light

#ECFCF2