Brand guidelines

Introduction

MTI Investment should feel the same whether someone is on the public site, reading an email, or signed in to the investor portal. These guidelines cover logos, colour, and everyday UI so pages stay clear, accessible, and on brand.

Forest green, sand, and coral carry the public site; slate blue, cool gray, sage, and powder blue support charts in the portal and admin. Near-black is for reading — pure black is reserved for logo artwork.

Logos

Use the approved PNG assets from public/mti-logo-color/. Pick the variant that meets contrast on the background.

Primary (green)

Default on white and sand backgrounds — public header (interior pages), footer, and the investor portal.

Reversed (white)

Home hero, brand-gradient headers, and dark email bands.

Monochrome (black)

Print, fax, or single-colour applications when green is unavailable.

Minimum size

Digital wordmark: at least 40px height in the site header (max width 200px). Auth and marketing lockups may use up to 56px height. Do not scale below legibility.

Clear space

Keep a quiet zone around the logo equal to at least half the logo height — no text, badges, or busy photography intruding.

Do not

Do not rotate, recolour, stretch, or place the logo on low-contrast backgrounds. Do not use the black logo colour (#000000) for paragraph text.

Brand colours

Core identity colours for marketing surfaces, navigation, and UI chrome.

Forest green

#0B3C2A

Primary brand colour — navigation, buttons, headings, and hero gradients.

Sand

#F1E8DC

Covers, dividers, footer bands, and softened gradient transitions.

Coral

#F07856

Highlights and key figures — use sparingly on marketing UI.

Near-black

#1C1C1A

Default body text on light backgrounds.

White

#FFFFFF

Page backgrounds and type on dark bands.

Black

#000000

Logo artwork only — not for body text or UI fills.

Examples

Governance Draft Primary action Secondary

Data palette

Four series colours for dashboard charts, tables, and portal metrics — not used on marketing page banners or heroes.

Slate blue

#557FA6

Primary chart series and contrasting metrics.

Cool gray

#A6A5A1

Benchmarks, cash, and reference series.

Sage green

#8DB39A

Secondary series and positive fills.

Powder blue

#AABFD2

Tertiary series and area fills.

Chart legend

Primary series Benchmark Sage fill Powder fill

Type & UI

Primary actions

Filled buttons use Forest green (#0B3C2A) with white label text. Hover darkens slightly — do not swap to generic black.

Secondary actions

Line and outline buttons use green ink on white, or white on forest bands. In-content links on the public site use forest green.

Badges & labels

Marketing badges use sand tints and forest ink; coral only for emphasis. Dashboard badges use the data palette.

Typography

Body copy in Near-black (#1C1C1A). Muted captions in Cool gray (#A6A5A1). Prefer the platform sans-serif stack already loaded on the public site and portal.

Gradients

Page heroes and home bands blend Forest green, Sand, and a restrained Coral accent — avoid harbour-blue sweeps on the marketing site.

Sample

Heading in near-black

Body copy uses Near-black (#1C1C1A) for comfortable reading on white and sand. Inline links use forest green on the public site.

Muted caption in cool gray — metadata, timestamps, and helper text.