Brand Assets — OptMsg

OptMsg Brand Assets

Complete guidelines for correctly representing the OptMsg brand — logos, colors, typography, and usage rules.

Download Brand Kit (PDF) OptMsg – Brand Kit – Public Downloadable.pdf

By using our brand assets you accept our Trademark & Usage Guidelines. Violations may result in termination of your license. OptMsg® is a registered trademark of OptMsg LLC. Patent pending.

Logo System

Logo Overview

The OptMsg logo consists of an envelope icon shaped like the letter “M” with an integrated checkmark, paired with the wordmark ‘OptMsg’ set in Figtree. The envelope M shape represents email and messaging; the checkmark symbolizes approval and opt-in control; their integration shows that opt-in is built directly into the experience.

OptMsg has four primary logo configurations, each available in three color treatments.

Color Variations Summary

Blue M + Orange Checkmark

Use on white or transparent backgrounds. This is the primary full-color combination.

M: #1A5CE0 · Checkmark: #F2571F

White M + Orange Checkmark

Use on Blue Gradient, flat Blue (#1A5CE0), and dark or transparent backgrounds.

Black M + Black Checkmark

Use on transparent backgrounds for B&W use cases: single-color print, embossing, engraving, etc.

1. M Only — Icon Mark

Aspect Ratio: 1:1 (Square)

Use Cases: App icons, favicons, social media avatars, small UI elements

Blue M + Orange Checkmark

White / Transparent backgrounds

White M + Orange Checkmark

Blue Gradient / Dark / Transparent backgrounds

Black M + Black Checkmark

Transparent (B&W use cases)

Download Icon Mark Assets

2. OptMsg Only — Wordmark

Aspect Ratio: ~14:1 (Horizontal)

Use Cases: Text-only contexts, loading states, simplified headers

Blue & Orange Wordmark

White / Transparent backgrounds

White & Orange Wordmark

Blue Gradient / Dark / Transparent backgrounds

Black Wordmark

Transparent (B&W use cases)

Download Wordmark Assets

3. M with OptMsg to the Right — Horizontal Primary

Aspect Ratio: ~3:1

Use Cases: Website headers, email signatures, horizontal layouts, letterheads

Blue M + Orange Checkmark

White / Transparent backgrounds

White M + Orange Checkmark

Blue Gradient / Dark / Transparent backgrounds

Black M + Black Checkmark

Transparent (B&W use cases)

Download Horizontal Logo Assets

4. M with OptMsg on the Bottom — Vertical Stacked

Aspect Ratio: ~1:1

Use Cases: Vertical layouts, narrow sidebars, mobile headers, badges, merchandise

Blue M + Orange Checkmark

White / Transparent backgrounds

White M + Orange Checkmark

Blue Gradient / Dark / Transparent backgrounds

Black M + Black Checkmark

Transparent (B&W use cases)

Download Vertical Stacked Assets

Color Palette

Official Brand Colors

Our palette is anchored by a bold blue and an energetic orange — communicating trust, security, and confidence. Use only the approved combinations below in all brand materials.

Primary Colors

Orange Secondary — Checkmark, CTAs, Accents

HEX: #F2571FRGB: 242, 87, 31CMYK: 0, 64, 87, 5

Blue Flat Accent — M Logo, UI Elements, Links

HEX: #1A5CE0RGB: 26, 92, 224CMYK: 88, 59, 0, 12

Blue Gradient — Website & Hero Backgrounds

#163195

Start · RGB 22, 49, 149

→

#0E1D63

End · RGB 14, 29, 99

Blue Gradient Linear gradient · Angle: 12° · Used for website backgrounds, hero sections, and headers

Supporting Colors

WhiteBackgrounds, text on dark

HEX: #FFFFFFRGB: 255, 255, 255

BlackB&W applications

HEX: #000000RGB: 0, 0, 0

Light GraySubtle backgrounds

HEX: #F5F5F5RGB: 245, 245, 245

Dark GrayBody text

HEX: #333333RGB: 51, 51, 51

Typography

Primary Typefaces

OptMsg uses two typefaces. Figtree is our display, logo, and heading font — bold, geometric, and contemporary. Noto Sans is our body and UI font — neutral, highly legible, and universally accessible. The tagline “Your Inbox. Your Rules.” is always set in Noto Sans Regular.

Note: Manrope may appear in some legacy app instances. Current standard is Figtree for headings/logo and Noto Sans for body copy.

Figtree

The quick brown fox jumps over the lazy dog

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%&

Figtree Usage: Logo, headlines, titles, headers, emphasis text
Weights: Regular (400) · Medium (500) · SemiBold (600) · Bold (700) · ExtraBold (800) · Black (900)
Google Fonts ↗

Noto Sans

This is body text set in Noto Sans. It’s clean, highly legible, and works excellently for longer reading experiences. The font supports extensive character sets and maintains readability across all devices.

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%&

Noto Sans Usage: Body copy, UI text, captions, supporting content, taglines
Weights: Regular (400) · Medium (500) · SemiBold (600) · Bold (700)
Google Fonts ↗

Typography Scale

ElementTypefaceSizeWeightUsage

H1Figtree36–48ptBold (700)Hero headlines, page titles

H2Figtree24–32ptBold (700)Section headlines

H3Figtree18–22ptSemiBold (600)Subsection headlines

BodyNoto Sans14–16ptRegular (400)Main content

SmallNoto Sans12–13ptRegular (400)Captions, footnotes

Typography Guidelines

Line height: 1.6–1.7× body, 1.1–1.2× headings Paragraph spacing: 16–24px between paragraphs Maximum line length: 60–80 characters Tagline: Noto Sans Regular at 75–80% of wordmark size

Safe Area

Clear Space Requirements

Always keep a minimum breathing room around the logo equal to the height of the “M” icon on all sides. No text, images, or borders should enter this protected zone. Clear space applies even at minimum sizes.

X X X X M icon clear space

Icon Mark

Clear space = X (M icon height) on all sides.

X X X X Wordmark clear space

Wordmark

Clear space = X on all sides of the wordmark bounding box.

X X X X Horizontal logo clear space

Horizontal Lockup

Clear space applies to the full horizontal logo bounding box.

X X X X Vertical logo clear space

Vertical Stacked

Clear space applies around the entire stacked configuration.

X X X X Horizontal lockup clear space

Horizontal Primary

Clear space wraps the entire lockup including any tagline text beneath.

Can text touch the logo? NO — No text may enter the safe zone under any circumstances.

Can borders touch the logo? NO — No borders, edges, or frames may intrude on the clear space.

✓

Applies at minimum sizes? YES — Clear space rules apply at every size, even the smallest usage.

Best Practices

Logo Don’ts

These are absolute rules. Always use the official logo files — never recreate, modify, or reinterpret the logo in any way.

Don’t

Never distort — Don’t stretch or change aspect ratio

Don’t

Never recolor — Use only approved color combinations

Don’t

Never rotate — Logo must always be level and upright

Don’t

Never add effects — No shadows, glows, or bevels

Don’t

Never use on busy or patterned backgrounds

Don’t

Never use against low-contrast backgrounds

Most Important Rule

Never recreate — Always use the official logo files provided in this brand kit. Do not attempt to redraw, trace, or approximate the logo in any design tool.

Trademark & Legal

Brand Name & Trademark Usage

Brand Name

OptMsg

Pronounced: opt-message

Tagline

Your Inbox. Your Rules.

Always set in Noto Sans Regular

⚠ Proper Capitalization — Always write “OptMsg” exactly as shown

Correct: OptMsg Incorrect: optmsg · Optmsg · opt-msg · OptM · OPTMSG

Trademark Usage Guidelines

These guidelines explain how you must use and visually present our brand assets at all times. Your use of OptMsg brand assets indicates your acceptance of these guidelines. Violations will result in termination of your license to use our brand assets.

Use of our brand assets must be expressly authorized in writing by OptMsg LLC.
Your use must not mislead consumers as to our sponsorship of, affiliation with, or endorsement of your company, products, or services.
Our brand assets are our exclusive property. All goodwill resulting from your use of our brand assets will be solely to our benefit. Where used on a web page, include an embedded hyperlink to optmsg.com.
Our brand assets must be used in a respectful manner. They may not be used in ways that harm OptMsg, our products or services, or in any manner that damages our reputation. Do not associate our brand with illicit, illegal, or deceptive activities.
OptMsg’s opt-in router technology is patent pending. Do not make representations about our technology without prior written approval.
The ® symbol should appear on first use of “OptMsg” in all official communications and marketing materials.

Join the OptMsg Revolution

Take Control of Your Inbox

Private, secure email where you control who can message you.
Your Inbox. Your Rules.

Create a Free Account

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.