Style Guide

Style Guide Version 1.0

Here's a complete style guide for easy template customization.

Typography

Heading

This section defines your heading styles. By default, heading styles will apply the corresponding HTML heading tag (H1-H3).

Heading / H1

Heading 01

Heading / H2

Heading 02

Heading / H3

Heading 03

Typography

Body

This section defines your Body styles. By default, Body styles will apply the corresponding HTML Body tag (B1-B5).

Body / B1

Good design is obvious. great design is transparent

Body / B2

Good design is obvious. great design is transparent

Body / B3

Good design is obvious. great design is transparent

Body / B4 (Project Body)

Good design is obvious. great design is transparent

Body / B5

Good design is obvious. great design is transparent

Body / B6

Good design is obvious. great design is transparent

Typography

Link

This section defines your link styles. By default, link styles will apply the corresponding HTML link tag (link).

Link

Grapui

Colors

Use this section to define and keep track of your colors. Don't forget to create color styles for each swatch in the 'Shared Colors' section.

Text

Primary Text

Primary Text

Background

BG light

BG Dark

Stroke

Stroke

Indicator

Indicator

Icon

Icons

2025 Manalo Studio™

Manalo Studio is based lands of the Wurundjeri Woi Wurrung and Boon Wurrung peoples of the Eastern Kulin Nation. We pay our respects to Elders past and present. Sovereignty was never ceded.

Let's get in touch

Phone

(+61) 414 467 053

Email

hi@manalo.studio

Back to top

2025 Manalo Studio™

Manalo Studio is based lands of the Wurundjeri Woi Wurrung and Boon Wurrung peoples of the Eastern Kulin Nation. We pay our respects to Elders past and present. Sovereignty was never ceded.

Let's get in touch

Phone

(+61) 414 467 053

Email

hi@manalo.studio

Back to top