Brand Guidelines

How to use the Miradouro Digital brand

Our Logos

The Miradouro Digital logo comes in four variants. Choose the right one for your context.

Color — No Background

Use on white or light backgrounds.

Color — With Background

Self-contained version. Works on any surface.

White — No Background

Use on dark or colored backgrounds.

Black — No Background

Use for single-color printing or monochrome contexts.

Color Palette

Our palette balances professionalism with a modern, tech-forward feel.

Primary Colors

Violet
#5B3E9E

Purple
#7C5CBF

Lavender
#A78BFA

Dark
#1A2744

Accent Colors

Teal
#42A0A8

Cyan
#54C9D3

Blue
#24527D

Gradients

CTA Gradient
Lavender → Cyan

Background Gradient
Dark → Violet

Typography

We use the system font stack for fast loading and native feel across all platforms.

Font Stack


                    'Segoe UI', system-ui, -apple-system, sans-serif

Preview

Aa Bb Cc 123

The quick brown fox jumps over the lazy dog.

Headings

Weight: 700 (Bold)

Color: #1A2744 (Dark)

Body

Weight: 400 (Regular)

Color: #333333

Navigation

Weight: 500 (Medium)

Spacing: 0.02em

Usage Rules

Follow these guidelines to keep the brand consistent.

Do

Use the white logo on dark or colored backgrounds.

Use the color logo on white or light backgrounds.

Maintain clear space around the logo (minimum: half the logo height).

Use the black logo for single-color print.

Use the brand gradients for CTAs and hero sections.

Keep the logo proportions — always scale uniformly.

Don't

Don't place the color logo on busy or dark backgrounds.

Don't rotate, skew, or distort the logo.

Don't change the logo colors or apply filters.

Don't add shadows, outlines, or effects to the logo.

Don't use the logo smaller than 24px in height.

Don't use off-brand colors outside the palette.

Minimum Clear Space

The dashed border represents the minimum exclusion zone. No text or graphics should enter this area.

Downloads

Download our logo files in SVG format (vector, scalable to any size).