NRMD
Brand Guidelines · v1.0
00 · Identity System

Brand
Guidelines.

A reference for everyone designing, writing, building, or shipping anything that carries the NRMD mark. Type, color, logo, voice — what to use, and how.

Version
1.0
Issued
2026
Owner
NRMD Brand
Status
Living document
01 · Brand Essence

The growth system, in one line.

NRMD is the operating system for predictable growth — built for mid-market and enterprise teams who refuse to treat marketing as a guessing game.

01

Tech-forward, never cold.

We feel like a serious technology company. Precise, confident, technical — but human enough to trust.

02

Systems over campaigns.

We sell infrastructure, not deliverables. The visual language reflects that: structured, modular, deliberate.

03

Energy lives in color.

The palette carries the optimism. Everything else — type, layout, motion — stays composed.

03 · Color System

Six colors. One gradient. No purple.

The palette runs warm-to-cool through visible spectrum order, skipping purple entirely. Each color works as a flat accent. Together, in sequence, they become the signature NRMD gradient.

Cyan
HEX#00D4FF
RGB0, 212, 255
CMYK72, 0, 0, 0
Blue
HEX#0066FF
RGB0, 102, 255
CMYK87, 60, 0, 0
Magenta
HEX#FF00B8
RGB255, 0, 184
CMYK0, 92, 0, 0
Coral
HEX#FF4D6D
RGB255, 77, 109
CMYK0, 78, 47, 0
Orange
HEX#FF8A00
RGB255, 138, 0
CMYK0, 56, 100, 0
Yellow
HEX#FFC700
RGB255, 199, 0
CMYK0, 22, 100, 0

The Signature Gradient

The single most recognizable element of the brand. Use as fills, strokes, text treatment, or atmospheric background. Always cyan → yellow, left to right or top-left to bottom-right (135°).

0%#00D4FF
20%#0066FF
42%#FF00B8
58%#FF4D6D
78%#FF8A00
100%#FFC700

Neutrals

Dark-first. The product, the site, and most surfaces live on near-black. Use these in strict order from background to surface to elevated surface.

Exception: client-facing deliverables are always light mode (dark ink on white), never dark. This applies to reports, presentations / decks, one-pagers, and working documents so they stay legible on screen, on paper, and in PDF.

BG / 00
#050507
BG / 05
#0A0A0F
BG / 10
#111118
BG / 15
#1A1A24
BG / 20
#242430
Ink / 100
#FFFFFF
04 · Typography

Three faces. Strict roles.

Exo 2 carries the display work — headlines, hero type, identity moments. Inter handles everything you read. JetBrains Mono labels the system: eyebrows, code, technical metadata. Never swap roles.

Exo 2
Display
Download
Inter
Body
Download
JetBrains Mono
Technical
Download
Role
Display · Headlines · Identity
Family
Exo 2
Designer
Natanael Gama
License
SIL Open Font License — free for commercial use
Source
Google Fonts
Weights in use
300, 400, 500, 600, 700, 800, 900
Exo 2
LIGHT · 300
Predictable growth begins here.
REGULAR · 400
Predictable growth begins here.
MEDIUM · 500
Predictable growth begins here.
SEMIBOLD · 600
Predictable growth begins here.
BOLD · 700
Predictable growth begins here.
EXTRABOLD · 800
Predictable growth begins here.
BLACK · 900
Predictable growth begins here.
Role
Body · UI · Long-form reading
Family
Inter
Designer
Rasmus Andersson
License
SIL Open Font License — free for commercial use
Source
Google Fonts · rsms.me/inter
Weights in use
300, 400, 500, 600, 700
Features
Enable ss01, cv11 for character variants
Inter
LIGHT · 300
Marketing infrastructure for serious operators.
REGULAR · 400
Marketing infrastructure for serious operators.
MEDIUM · 500
Marketing infrastructure for serious operators.
SEMIBOLD · 600
Marketing infrastructure for serious operators.
BOLD · 700
Marketing infrastructure for serious operators.
Role
Eyebrows · Labels · Code · Technical metadata
Family
JetBrains Mono
Designer
JetBrains Type Studio
License
SIL Open Font License — free for commercial use
Source
jetbrains.com/mono · Google Fonts
Weights in use
400, 500, 600
Treatment
Always UPPERCASE for eyebrows · letter-spacing 0.15–0.18em
JBMono
REGULAR · 400
01 · INPUT → ENGINE → OUTPUT
MEDIUM · 500
01 · INPUT → ENGINE → OUTPUT
SEMIBOLD · 600
01 · INPUT → ENGINE → OUTPUT

Type Scale

The default scale used across web, decks, and documents. Sizes use a 1.25–1.4 modular ratio; line-heights tighten as size grows.

Display
72 / 1.05
Predictable growth.
H1
56 / 1.05
The growth OS.
H2
40 / 1.1
Built for operators.
H3
28 / 1.2
Three phases. One system.
H4
20 / 1.3
Audit, build, operate.
Body
16 / 1.6
Companies invest more every year, but the results stay inconsistent. The real problem isn't spend — it's the absence of a system that makes spend profitable.
Small
13 / 1.55
Used for captions, footnotes, fine print, and supporting metadata across web and decks.
Mono
11 / 1.5
01 · Section eyebrow · uppercase · 0.18em
05 · Iconography

Outline. 1.5px. Gradient.

Every icon is drawn as an outline only — no fills — with a 1.5px stroke and rounded line caps. The signature gradient is applied as the stroke color via a shared SVG linearGradient. This is what makes any icon read as NRMD.

Specification

  • StyleOutline only
  • Stroke width1.5px
  • Line capround
  • Line joinround
  • Stroke colorurl(#nrmd-grad)
  • Fillnone
  • Viewbox0 0 24 24
  • Grid24×24 base · 2px padding
  • LibraryLucide-style geometry

SVG Gradient Reference

<!-- Define once per page, reference everywhere -->
<svg width="0" height="0">
  <defs>
    <linearGradient id="nrmd-grad"
      x1="0%" y1="0%"
      x2="100%" y2="100%">
      <stop offset="0%"   stop-color="#00D4FF"/>
      <stop offset="20%"  stop-color="#0066FF"/>
      <stop offset="42%"  stop-color="#FF00B8"/>
      <stop offset="58%"  stop-color="#FF4D6D"/>
      <stop offset="78%"  stop-color="#FF8A00"/>
      <stop offset="100%" stop-color="#FFC700"/>
    </linearGradient>
  </defs>
</svg>

<!-- Then use in any icon -->
<svg viewBox="0 0 24 24"
  fill="none"
  stroke="url(#nrmd-grad)"
  stroke-width="1.5"
  stroke-linecap="round"
  stroke-linejoin="round">
  ...
</svg>
06 · Application

How it all comes together.

The system in use across social, marketing, product, and presentation. Each piece reads as NRMD because type roles, color, and the gradient hold their positions.

Instagram · 1080×1080
NRMD.
Predictable growth
isn't a campaign.
It's infrastructure.
— @nrmd.io · Issue 014
Quote post · Exo 2 for the line, gradient accent on the payoff word.
Instagram · 1080×1080
NRMD.
3.4×
Average ROAS lift
in 90 days
↳ ACROSS 47 ENGAGEMENTS
Stat post · gradient on the number, JetBrains Mono for the footer credit.
Instagram Story · 1080×1920
NEW · ISSUE 014
The growth OS for operators.
Audit. Build. Operate. Three phases, one system.
SWIPE UP · NRMD.IO/OS
Story · vertical hierarchy, gradient accent, CTA pinned to bottom.
LinkedIn post · 1200×627
NRMD.
INSIGHT · 04 / 12
Most marketing budgets
don't fail from underspend.
They fail from underbuilt systems.
By NRMD · 6 min read
nrmd.io / journal
LinkedIn share · landscape 1.91:1, gradient text holds focus on the two contrasting clauses.
YouTube thumbnail · 1280×720
EP · 07
Why ads
aren't the problem.
NRMD · GROWTH OS
Thumbnail · big Exo 2, single gradient hit, brand corner for series legibility.
Facebook cover · 820×312
NRMD.
Marketing infrastructure for operators.
EST. 2024
NRMD.IO
Cover · brain anchors left, tagline carries the gradient, ID block right.
X / Twitter header · 1500×500
— PRESENT MOMENT
The growth system,
in one line.
NRMD · MX / USA / CA
Header · 3:1 wide, headline anchored left, ambient gradient glow upper-right.
Newsletter header · 600×200
NRMD.
ISSUE 014 · MARCH 2026
Operator Notes
Email header · gradient rule, brand pair left, issue meta right.
Display ad · 300×300
NRMD.
3.4×
ROAS lift in 90 days
BOOK A CALL →
Display square · stat hero, single CTA pill.
Display ad · 728×90 leaderboard
NRMD.
Marketing infrastructure for operators.
START AUDIT →
Leaderboard · 8:1 ratio, brain anchors left, gradient CTA pill anchors right.
Landing hero · 1440×600
NRMD.
Operating system Work Journal Book a call
— THE GROWTH OS · v2026
The growth OS
built for operators.
NRMD installs the strategy, systems, and AI engines that turn marketing spend into a predictable growth machine.
Book a strategy call → See the OS
Landing hero · full nav, eyebrow → headline → sub → dual CTA. The whole brand in one viewport.
Podcast cover · 1400×1400
A PODCAST BY NRMD
Operator Notes
WEEKLY · S01
Podcast cover · 1:1, dark base, brain anchors footer.
App icon · 1024×1024
App icon · gradient fill, brain centered. Use the gradient when the icon is the primary mark.
Sticker / lanyard · 90×90mm
NRMD.
MX · USA · CA
Sticker · gradient top, mark centered. Works for laptops, lanyards, swag.
NRMD.
DECK · 01 / 05
What is Claude?
A primer on Anthropic's AI assistant. Five slides.
NRMD · CLAUDE PRIMER
01 · Title slide
01 / OVERVIEW
Claude is an AI assistant built by Anthropic.
Trained for helpfulness, harmlessness, and honesty. Strong at analysis, writing, coding, and long-form reasoning. Available via chat, API, and integrated into Claude Code.
NRMD · CLAUDE PRIMER
02 · Definition
02 / CONTEXT WINDOW
200K
tokens of context
↳ Roughly 500 pages of text in a single prompt
NRMD · CLAUDE PRIMER
03 · Capability stat
03 / WHY IT MATTERS
"
The bottleneck isn't intelligence anymore. It's how you put it to work.
— OPERATOR'S TAKE
NRMD · CLAUDE PRIMER
04 · Pull quote
NRMD.
Try Claude.
claude.com · Free tier available. Pro and Team plans for teams.
NRMD · CLAUDE PRIMER · 05 / 05
05 · Closing CTA
07 · Stationery

Print & identity.

The physical and digital expression of the system — letterhead and envelope. The interactive email-signature & business-card generator now lives in the NRMD Hub (Resources → Brand).

C Letterhead & envelope · static print
Letterhead · Letter / A4
NRMD brain NRMD
nrmd.io

Letter / A4 sheet, gradient bar across the top edge, brain + wordmark in the header, nrmd.io in the footer. The gradient is a hosted image — /assets/img/gradient-rule.png — so it survives any export, including print and PDF.

Envelope · #10 (9.5 × 4.125 in)
NRMD brain NRMD.
NRMD
NRMD.IO

Standard US #10 business envelope. Same gradient bar on the top edge, brain + wordmark in the upper-left, return address mono in the bottom-left. The recipient area stays clear so the printed or handwritten address has room to breathe. A4-equivalent (DL, 110 × 220 mm) works with the same proportions.

08 · Presentation

The template.

A widescreen (16∶9) deck template with ten ready-to-use layouts — title, agenda, section break, free text, bullets, text + image, stat, two columns, quote, and closing. Duplicate the slides you need, swap the placeholders for your content. Available in dark and white themes.

1 / 10
NRMD slide
Cover

Google Slides: click the button to download the PPTX, then in Google Drive choose New → File upload, right-click the file and pick Open with → Google Slides — it converts automatically and keeps the layouts. To make it a reusable team template, open it and use File → Make a copy or save it to a shared Templates folder. Then duplicate any slide as a starting point for your own report or deck. PPTX opens in PowerPoint/Keynote; PDF is for preview and print. Brand fonts (Exo 2 / Inter / JetBrains Mono) render anywhere those fonts are installed; placeholder text and accent colors are fully editable.

✓ Copied