Style Guide

Principles Behind Our Creative Vision

Explore the core elements that define our visual and design identity. This guide outlines our principles, standards, and aesthetics to ensure a cohesive and impactful presence.

Typography

H1 Heading

Space Grotesk Font

Size: Desktop – 64, Tablet – 56, Mobile – 36

H2 Heading

Space Grotesk Font

Size: Desktop – 44, Tablet – 40, Mobile – 28

H3 Heading

Space Grotesk Font

Size: Desktop – 32, Tablet – 28, Mobile – 24

Paragraph / Large Value

12345

Size: Desktop – 168, Tablet – 120, Mobile – 80

Paragraph / Medium Uppercase (M)

Our passion lies in crafting spaces that not only inspire and captivate, but also stand the test of time and innovation.

Size: All Screens – 16

Paragraph / Medium Uppercase (S)

Our passion lies in crafting spaces that not only inspire and captivate, but also stand the test of time and innovation.

Size: All Screens – 14

Paragraph / Medium Uppercase (XS)

Our passion lies in crafting spaces that not only inspire and captivate, but also stand the test of time and innovation.

Size: All Screens – 12

Paragraph / Regular L

Our passion lies in crafting spaces that not only inspire and captivate, but also stand the test of time and innovation.

Size: Desktop – 24, Tablet – 20, Mobile – 20

Paragraph / Regular M

Our passion lies in crafting spaces that not only inspire and captivate, but also stand the test of time and innovation.

Size: All Screens – 16

Paragraph / Regular S

Our passion lies in crafting spaces that not only inspire and captivate, but also stand the test of time and innovation.

Size: All Screens – 14

Colors

Solid

Primary

#122C5F

Primary Light

#254583

Secondary

#EB5C1E

Black

#071839

Grey

#DCDEE3

White

#F2F2F2

Black Opacity

70

#122C5F, 0.7

50

#122C5F, 0.5

10

#122C5F, 0.1

7

#122C5F, 0.07

White Opacity

70

#F2F2F2, 0.7

50

#F2F2F2, 0.5

20

#F2F2F2, 0.2

10

#F2F2F2, 0.1

3

#F2F2F2, 0.03

Containers

Wide

4px

Container / Wide

4px

Default

24px

Container / Default

24px

Buttons

Primary

Secondary

FAQ

Quick Answers to Common Questions

How do I start a project with Modus?

To start a project, simply contact us via our website or phone. We’ll schedule an initial consultation to discuss your vision and project details.

What is the typical timeline for a project?

Project timelines vary based on scope and complexity. We provide a detailed timeline during the initial consultation and keep you updated throughout the process.

Do you offer sustainable design options?

Yes, we incorporate eco-friendly and energy-efficient solutions in our designs to promote sustainability and reduce environmental impact.

How involved will I be in the design process?

You’ll be actively involved throughout the design process. We value client input and ensure your vision is reflected in every aspect of the project.

What is your approach to project budgeting?

We work closely with you to establish a realistic budget and manage costs effectively, providing transparent updates and adjustments as needed.

Can you help with permits and approvals?

Yes, we handle the necessary permits and approvals required for your project, ensuring compliance with local regulations.

How do you handle project changes?

We accommodate changes through a structured revision process, ensuring that adjustments align with your vision and budget.

How can I view examples of your past work?

You can view our portfolio on our website, which showcases a selection of completed projects demonstrating our design capabilities and expertise.