Introduction

Typography plays an important role in creating a consistent and recognizable brand experience. This section explains the typefaces, hierarchy, and usage principles used across the identity.

DOWNLOAD ASSETS

Primary Typography

Our primary typeface, Overused Grotesk, is chosen for its modern and clean lines, enhancing readability and offering a contemporary aesthetic that aligns with our architectural style. It’s used predominantly in all our major headings and body text to maintain a consistent and cohesive brand appearance.

Overused Grotesk

Overused Grotesk – Light

ABCDEFGHIJKLMNO-PQRSTUVWXYZ

abcdefghijklmno-pqrstuvwxyz

0123456789

!@#$%^&*

Overused Grotesk – Regular

ABCDEFGHIJKLMNO-PQRSTUVWXYZ

abcdefghijklmno-pqrstuvwxyz

0123456789

!@#$%^&*

Overused Grotesk – Semibold

ABCDEFGHIJKLMNO-PQRSTUVWXYZ

abcdefghijklmno-pqrstuvwxyz

0123456789

!@#$%^&*

Overused Grotesk – Bold

ABCDEFGHIJKLMNO-PQRSTUVWXYZ

abcdefghijklmno-pqrstuvwxyz

0123456789

!@#$%^&*

Primary Typography

Overused Grotesk

Overused Grotesk – Light

ABCDEFGHIJKLMNO-PQRSTUVWXYZ

abcdefghijklmno-pqrstuvwxyz

0123456789

!@#$%^&*

Overused Grotesk – Regular

ABCDEFGHIJKLMNO-PQRSTUVWXYZ

abcdefghijklmno-pqrstuvwxyz

0123456789

!@#$%^&*

Overused Grotesk – Semibold

ABCDEFGHIJKLMNO-PQRSTUVWXYZ

abcdefghijklmno-pqrstuvwxyz

0123456789

!@#$%^&*

Overused Grotesk – Bold

ABCDEFGHIJKLMNO-PQRSTUVWXYZ

abcdefghijklmno-pqrstuvwxyz

0123456789

!@#$%^&*

Primary Typography

Overused Grotesk

Overused Grotesk – Light

ABCDEFGHIJKLMNO-PQRSTUVWXYZ

abcdefghijklmno-pqrstuvwxyz

0123456789

!@#$%^&*

Overused Grotesk – Regular

ABCDEFGHIJKLMNO-PQRSTUVWXYZ

abcdefghijklmno-pqrstuvwxyz

0123456789

!@#$%^&*

Overused Grotesk – Semibold

ABCDEFGHIJKLMNO-PQRSTUVWXYZ

abcdefghijklmno-pqrstuvwxyz

0123456789

!@#$%^&*

Overused Grotesk – Bold

ABCDEFGHIJKLMNO-PQRSTUVWXYZ

abcdefghijklmno-pqrstuvwxyz

0123456789

!@#$%^&*

Secondary Typography

Roboto serves as our replacement typeface. It’s selected for its versatility and clarity, ensuring that when Overused Grotesk is not available, our communications still maintain visual integrity and coherence in all digital and print formats.

Roboto

Roboto - Light

ABCDEFGHIJKLMNO-PQRSTUVWXYZ

abcdefghijklmno-pqrstuvwxyz

0123456789

!@#$%^&*

Roboto - Regular

ABCDEFGHIJKLMNO-PQRSTUVWXYZ

abcdefghijklmno-pqrstuvwxyz

0123456789

!@#$%^&*

Roboto - Medium

ABCDEFGHIJKLMNO-PQRSTUVWXYZ

abcdefghijklmno-pqrstuvwxyz

0123456789

!@#$%^&*

Roboto - Bold

ABCDEFGHIJKLMNO-PQRSTUVWXYZ

abcdefghijklmno-pqrstuvwxyz

0123456789

!@#$%^&*

Secondary Typography

Roboto

Roboto - Light

ABCDEFGHIJKLMNO-PQRSTUVWXYZ

abcdefghijklmno-pqrstuvwxyz

0123456789

!@#$%^&*

Roboto - Regular

ABCDEFGHIJKLMNO-PQRSTUVWXYZ

abcdefghijklmno-pqrstuvwxyz

0123456789

!@#$%^&*

Roboto - Medium

ABCDEFGHIJKLMNO-PQRSTUVWXYZ

abcdefghijklmno-pqrstuvwxyz

0123456789

!@#$%^&*

Roboto - Bold

ABCDEFGHIJKLMNO-PQRSTUVWXYZ

abcdefghijklmno-pqrstuvwxyz

0123456789

!@#$%^&*

Secondary Typography

Roboto

Roboto - Light

ABCDEFGHIJKLMNO-PQRSTUVWXYZ

abcdefghijklmno-pqrstuvwxyz

0123456789

!@#$%^&*

Roboto - Regular

ABCDEFGHIJKLMNO-PQRSTUVWXYZ

abcdefghijklmno-pqrstuvwxyz

0123456789

!@#$%^&*

Roboto - Medium

ABCDEFGHIJKLMNO-PQRSTUVWXYZ

abcdefghijklmno-pqrstuvwxyz

0123456789

!@#$%^&*

Roboto - Bold

ABCDEFGHIJKLMNO-PQRSTUVWXYZ

abcdefghijklmno-pqrstuvwxyz

0123456789

!@#$%^&*

Typography Hierarchy

Our typography hierarchy is structured to guide readers through our content seamlessly. It includes specifications for Header 1, 2, 3, Body Copy, and Call to Action, ensuring that each text level is distinct and effective in communicating our message with the intended emphasis and clarity.

Clarity Through Clean Design

Header 1

Overused Grotesk – Light

Font Size: 140pt/140pt

Leading: 140pt

Tracking: 0

Kerning: 0

Sustainable and User-Centric

Header 2

Overused Grotesk – Light

Font Size: 55pt

Leading: 60pt

Tracking: 0

Kerning: 0

Structuring Communication with Precision

Header 3

Overused Grotesk – SemiBold

Font Size: 34pt

Leading: 39pt

Tracking: 0

Kerning: 0

In architecture, every line matters; the same is true for our typography. At Modus Architects & Artisans, our typography hierarchy is meticulously designed to guide readers clearly and efficiently, ensuring our messages about sustainability and innovation are delivered with precision.

Body Copy

Overused Grotesk – Light

Font Size: 21pt

Leading: 31pt

Tracking: 0

Kerning: 0

Call-To-Action

Overused Grotesk – SemiBold

Font Size: 21pt

Leading: 31pt

Tracking: 0

Kerning: 0

Typography Hierarchy

Clarity Through Clean Design

Header 1

Overused Grotesk – Light

Font Size: 140pt/140pt

Leading: 140pt

Tracking: 0

Kerning: 0

Sustainable and User-Centric

Header 2

Overused Grotesk – Light

Font Size: 55pt

Leading: 60pt

Tracking: 0

Kerning: 0

Structuring Communication with Precision

Header 3

Overused Grotesk – SemiBold

Font Size: 34pt

Leading: 39pt

Tracking: 0

Kerning: 0

Body Copy

Overused Grotesk – Light

Font Size: 21pt

Leading: 31pt

Tracking: 0

Kerning: 0

Call-To-Action

Overused Grotesk – SemiBold

Font Size: 21pt

Leading: 31pt

Tracking: 0

Kerning: 0

Typography Hierarchy

Clean Design

Header 1

Overused Grotesk – Light

Font Size: 140pt/140pt

Leading: 140pt

Tracking: 0

Kerning: 0

Sustainable and User-Centric

Header 2

Overused Grotesk – Light

Font Size: 55pt

Leading: 60pt

Tracking: 0

Kerning: 0

Structuring Communication with Precision

Header 3

Overused Grotesk – SemiBold

Font Size: 34pt

Leading: 39pt

Tracking: 0

Kerning: 0

Body Copy

Overused Grotesk – Light

Font Size: 21pt

Leading: 31pt

Tracking: 0

Kerning: 0

Call-To-Action

Overused Grotesk – SemiBold

Font Size: 21pt

Leading: 31pt

Tracking: 0

Kerning: 0

Type Usage

This page demonstrates the application of our typography in real-world scenarios, illustrating how Overused Grotesk and Roboto are used across various media. Examples include website interfaces, marketing materials, and official documentation, showcasing the adaptability and impact of our typographic choices.