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

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™

Since you're already here,
let's get in touch!

(+61) 04 1050 5612

hi@manalo.studio

Instagram

Twitter

Behance

Linkedin

Back to top

2025 Manalo Studio™

Since you're already here,
let's get in touch!

(+61) 04 1050 5612

hi@manalo.studio

Instagram

Twitter

Behance

Linkedin

Back to top