Brand kit. One mark, used the same way everywhere.

The logo, colours, type and ready-made files for MUTAV. Version 1.0, 7 November 2026. The logo files are in logo/ next to this page. Use them as they are, and never redraw the logo.

01 · Logo

The lockup

The M-mark beside the name "MUTAV" in capitals. The mark stays as it is. The name is Outfit ExtraBold (800), outlined to vector paths, so the files need no font installed.

clear space = p gap = p

Construction

The mark is 72 × 60 units. Its amber pill is 16.2 units tall. Call this p.
The cap height of the name is 88% of the mark's height.
The gap between the mark and the name is p. The caps are centred on the mark by cap height.
Tracking is +0.01em. The whole lockup is 6 : 1.
Clear space is at least p on every side. Nothing goes inside it.
Minimum size: the lockup 20 px or 5 mm tall, the mark alone 16 px or 4 mm. Below that, use the mark alone or nothing.

02 · Variants

Which file to use

On paper, the letters are ink and the amber is Amber deep. On obsidian, the letters are warm white and the amber is Amber. Use one-colour versions only where colour can't print: fax, stamps, engraving, embroidery. Use white over photos.

lockup-light · paper, white

lockup-dark · obsidian

lockup-on-amber · badges

lockup-black · one-colour print

lockup-white · photos, dark print

lockup-stacked · square spaces

mark-light · when the name is nearby

mark-dark

icon-tile-dark · avatars, app icon

Don'ts

Stretched

Recoloured

MUTAV

Retyped or respaced

Colour logo on amber

Rotated, shadowed, outlined

03 · Name

How we write it

Where	Write	Not
Prose, titles, emails, legal	MUTAV	Mutav, mutav, M.U.T.A.V.
Descriptor	Garantia locatícia · Rental guarantee	Sistema de Garantia Registrada, Protocolo de Garantia de Aluguel
Domain	mutav.finance	www.mutav.finance in print (use the bare domain)

04 · Colour

Amber is scarce on purpose

Two canvases, one accent. Paper is the plain side for agencies, letters and forms. Obsidian is the technical side: the reserve and presentations. Amber marks the one thing that matters on each surface: the logo, the main action, the payoff phrase. Keep it under about 10% of any layout.

#0E0F11

ObsidianDark canvas. The technical side: reserve, presentations.vs paper 17.7:1 · vs obsidian 1.0:1

#F0F0EE

Warm whiteText and the mark's letters on obsidian.vs paper 1.1:1 · vs obsidian 16.8:1

#F7F6F3

PaperLight canvas. The plain side: agencies, letters, forms.vs paper 1.0:1 · vs obsidian 17.7:1

#1A1A1A

InkText and the mark's letters on paper.vs paper 16.1:1 · vs obsidian 1.1:1

#E8A020

AmberThe brand colour. Logo on dark, fills, the favicon pill.vs paper 2.0:1 · vs obsidian 8.7:1

#C47E10

Amber deepLogo, fills and large headlines on paper.vs paper 3.1:1 · vs obsidian 5.8:1

#16181C

SurfaceCards on obsidian.vs paper 16.4:1 · vs obsidian 1.1:1

#8A8F99

MuteSecondary text on obsidian.vs paper 3.0:1 · vs obsidian 5.9:1

#6B6860

StoneSecondary text on paper.vs paper 5.1:1 · vs obsidian 3.4:1

On paper, amber stays bright or it stays out. Use Amber deep for the logo, fills, rules and headlines of 24 px and up. Never set small text in amber on paper. Use ink or stone instead, and mark it with an amber bar or underline. On obsidian, Amber works at any size. Never use metallic gold foil. Amber prints as ink or enamel.

05 · Type

Three faces, three jobs

MUTAV

Outfit 800 · logo only

Lives inside the logo files. Don't set other text in it.

Garantia locatícia

Headlines in 700, body in 400, emphasis in 500.

DM Sans · headlines and body

01 · Aluguel

R$ 2.400,00

JetBrains Mono · labels, figures, data

Role	Face	Size / line	Tracking
Display	DM Sans 700	48–72 / 1.04	−0.03em
H2	DM Sans 700	30–48 / 1.08	−0.025em
H3	DM Sans 700	20–22 / 1.2	−0.01em
Body	DM Sans 400	16–18 / 1.55	0
Label	JetBrains Mono 500, caps	11–12	+0.08em

Where the brand fonts can't load (email, Google Docs, slides), use Arial or Helvetica for DM Sans and Courier New for the mono. The logo is always an image.

06 · Applications

Ready-made files

Use	File
Website favicon	favicon/favicon.svg + favicon.ico + apple-touch-icon.png
Profile picture (LinkedIn, X, WhatsApp, GitHub)	social/avatar-dark-1000.png
Link preview	social/og-dark-1200x630.png · og-light-1200x630.png
LinkedIn company banner	social/linkedin-banner-1584x396.png
X header	social/x-header-1500x500.png
Agency or partner asks for "the logo"	logo/pdf/ + logo/png/ (light and dark), plus this page

07 · Files

What's in the kit

logo/svg/        Vector masters (wordmark outlined, no font needed). Use these first.
logo/png/        Transparent PNG at 128 px and 512 px tall (icon tiles at 512 / 1024).
logo/pdf/        Vector PDF, 40 mm tall, for print and for agencies' design tools. Icon tiles: SVG and PNG only.
favicon/         favicon.svg (follows browser theme), favicon.ico, 16/32/48, icon-192/512, apple-touch-icon.
social/          Avatars 1000x1000, OG images 1200x630, LinkedIn banner 1584x396, X header 1500x500.
tokens/          tokens.css and tokens.json: colours, fonts, type scale.
fonts/           Outfit, DM Sans, JetBrains Mono, each with its SIL Open Font License.