Internal · Restricted

Rank On Maps
Brand Kit.

For team and editor access only. Enter the access code to continue.

 
RANKONMAPS.IO BRAND KIT V2.0 · 2026
Brand kit · v2.0 · 2026

Rank
On Maps.

A premium local-SEO operator. Quiet authority on a warm page. Built so editors, designers, and the founder can ship work that compounds · not noise that decays.

Domainrankonmaps.io
PersonalityAuthoritative · Considered · Structured
UseDecks · Reels / TikTok / Shorts · YouTube · Podcast
LogoIcon-led / app-icon
Color depthAnchor + neutrals · no second color
Type voiceInter Tight 900 · all-caps · no emoji
RANK ON MAPS · FIG. 00 · COVER PLATE · EDITION 2026 · ↗ RANKONMAPS.IO
01 · Essence

Three lines.
Hold them.

Every frame, every slide, every caption resolves to one of these. If it doesn't, it isn't Rank On Maps · it's noise.

01 · PROOF

Real proof,
not promises.

Show the dashboard, the call volume, the map. Numbers and screenshots out-perform adjectives. Editors: build around the artifact, not the claim.

02 · GEOGRAPHY

The map is
the protagonist.

Local search is geography. Pins, radii, drive-time rings, and 3-pack frames anchor the visual world. When in doubt · show the map.

03 · VOICE

Authority
spoken plain.

Punchy headlines, short sentences, blunt verbs. We sound like a senior operator on a Tuesday · not a marketing deck on Friday.

03 · Color

One green.
And air.

A single sage forest anchors the system. There is no second color · only a warm tone neutral that handles what an accent normally would. Everything else is structure.

PAGE
Warm-quiet
#F1EFE9
RGB 241·239·233
HSL 41·26·93
CMYK 4·4·9·0
PMS Warm Gray 1
PAPER
Paper
#FAF8F2
RGB 250·248·242
HSL 45·40·96
CMYK 2·2·6·0
PMS Warm Gray 1
TONE
Tone
#D9D4C5
RGB 217·212·197
HSL 45·19·81
CMYK 12·12·22·0
PMS 7527
ANCHOR
Sage Forest
#1F4D3C
RGB 31·77·60
HSL 158·43·21
CMYK 80·40·70·45
PMS 5535
SOFT
Sage Soft
#3A6E5A
RGB 58·110·90
HSL 157·31·33
CMYK 70·30·60·30
PMS 5535 (75%)
INK
Ink
#1A1F1B
RGB 26·31·27
HSL 132·9·11
CMYK 80·65·70·85

Click a swatch to copy the hex.

Ratio

60 / 25 / 10 / 5. The page does most of the work. Sage anchors. Tone is the rare temperature change. Ink lands the punctuation.

PAGE · 60%
SAGE FOREST · 25%
TONE · 10%
INK · 5%

Pairings

PairingUse it forAvoid for
Sage Forest · PageMost things · decks, headlines, lower-thirds.Nothing · this is the default.
Ink · PageLong-form text, podcast captions, any neutral surface.Logos at small size · use Sage.
Page · ToneSubtle separations between zones in decks; podcast cover backplates.Backgrounds for short-form video · too soft to read.
Sage Forest · PaperEnd cards, inverted slides, app icon, podcast cover.Body text · contrast is high but reading is heavy.
Sage Soft · anythingSecondary marks: waveforms, charts, sub-rules. Never headline.Headline color · feels weaker than Sage Forest.
04 · Typography

One family.
Mono for receipts.

A single typeface · Inter Tight · handles every voice on the page. JetBrains Mono carries the receipts: timestamps, plate numbers, file paths, episode codes. The system feels like an archive, not a brochure.

Display · Inter Tight 900 Free · Google Fonts Weights 900 / 800 / 500 / 400 Use 100%
RANK
WHERE
IT MATTERS.
LOCAL SEO · SERVICE-AREA BUSINESSES · ENGINEERED FOR THE CALL, NOT THE CLICK.

Body copy in the same family runs in sentence case at 400–500 weight, with letter-spacing at 0 and line-height around 1.55. The discipline is one family across every voice · different weights and case do all the work.

ROM · CASE 014 · 04:38
↑ 213% CALL VOLUME · 22 DAYS
47 PIN PLACEMENTS · 14 KEYWORDS
↗ RANKONMAPS.IO

Editor cheat sheet · short-form caption type

FamilyInter Tight, weight 900
Size (1080×1920)110–130 px (single-line headline)
Tracking-45 (After Effects) · -0.045em (web)
Leading0.90 · tight
CaseUPPERCASE
Color hierarchyInk for body · Sage Forest for the one word that lands · optional 6 px Sage underline on that word
Stroke / shadowNone. If readability fails on photo b-roll, drop a 6 px Ink underlay; never a glow.
Highlight ruleEither color flip or underline · not both.
05 · The editorial moment

One italic line.
Used rarely.

A single italic serif appears as the brand's whisper · not its voice. Reserved for quote pulls, podcast title cards, deck transitions, and editorial moments where authority sounds better written than declared. Less than 2% of frames.

Editorial · Fraunces Italic 400 Free · Google Fonts Use ≤ 2% Quote pulls · podcast titles · transitions
"Most agencies sell traffic. We deliver phone calls: measured, attributed, recurring."
DANIEL GIRMAY · FOUNDER FIG. 09 · QUOTE 03

Where editorial is allowed

SurfaceAllowedForbidden
9:16 quote cardPulled quote attributed to a person.Hooks, CTAs, sales claims.
Podcast episode title cardEpisode subtitle in italic · the line that goes on Apple Podcasts.The episode number or main title (Inter Tight 900 only).
Deck transition / dividerOne line of italic between major sections to slow the reader down.Body text on any deck slide.
Long-form openerEditorial subtitle under a YouTube title · the "what this is really about" line.Standalone CTAs or headlines.

The italic earns its presence by rarity. If editors find themselves using it more than once or twice per piece, something is wrong.

06 · Short-form video · 1080 × 1920

Reels.
TikTok.
Shorts.

Built to the title-safe zone. One thought per beat, one accent moment per piece (not per frame), one pin per piece. The pace slows; the type does the punching.

9:16 safe zones

Safe-zone reference

1080 × 1920 · 30 fps
Title-safe inset: 60 px sides · 220 px top · 360 px bottom
Right-rail (Reels/TikTok): keep last 180 px clear from y=800
1:1 center crop: y=420–1500 (repurpose to feed)
Caption style

Caption frame

One thought per card · 5–7 words per line max
Inter Tight 900 · 130 px · ALL CAPS
Ink body · Sage Forest punch word · Sage 6 px underline
Mono receipt top + bottom (FIG · timestamp)
Podcast clip frame

Podcast clip

Sage gradient bg #1F4D3C → #0F2E22
Video well 60–1020 / 220–1180
Mono receipt top-left + top-right (EP / TIME)
Caption block 4 lines · final line in Tone
Editorial quote card

Editorial quote card

Paper #FAF8F2 background
Fraunces Italic 92 px · ink + sage emphasis
Hairline rules top + bottom · attribution in mono
Use rarely · < 2% of short-form output

Cuts, transitions, sound

Cut cadence3–4 s per cut on talking-head; 1.0–1.5 s on b-roll montages. Slower than the previous kit on purpose.
TransitionsHard cuts default. No green flash, no whip-pans, no glitches. A single 6-frame cross-dissolve allowed at chapter breaks only.
CaptionsWord-by-word reveal, 4-frame hold per word. Always burned in.
MusicLow-key drum-or-piano beds, 80–100 BPM. Duck to -20 dB under voice. No EDM.
Loud accentOne sub-thump or low whoosh per video at the punch beat. Never more.
07 · Long-form video · 1920 × 1080

YouTube.

Long-form earns trust. Slower pacing, more white space, more proof artifacts on screen. Headlines stay heavy and structural · the surroundings calm down further.

Title card

Title card

Paper #FAF8F2 background · hairline top & bottom rules
Headline 200 px Inter Tight 900 · 2 lines max
One word optionally in Sage Forest
Mono receipts in all four corners
Lower third

Lower-third

900 × 120 box · y=860 · Paper bg · 14 px Sage stripe
Name 44 px Inter Tight 900 · role in mono
Optional tag chip y=800: Sage bg · uppercase mono
Hold 4 s on first appearance, 2.5 s on returns
End card

End card

Sage Forest field · 8% paper grid
Two 640 × 360 slots · "next episode" + "subscribe"
Pin in Paper · "RANKONMAPS.IO" mono bottom-right
Hold 14–18 s · subtle BGM tail

YouTube delivery

  • Codec: H.264 · 1080p · 16–24 Mbps · AAC 320 kbps
  • Thumbnail: 1280×720 · headline 1–4 words · face + map artifact
  • Chapters: always. 5–8 chapters on a 6–12 min video.
  • Title: no clickbait. Format "Result for Niche in Time".
  • End-screen: last 18 s · Subscribe + next episode.

Delivery checklist

Reusable export preset. Don't deviate per episode.
08 · Podcast clips

Clip the moment.

Each clip stands alone · a Reel that happens to come from a podcast. The Sage gradient is the show's signature; everything else is the same kit.

Format1080 × 1920 (primary) · 1080 × 1080 (LinkedIn) · 1920 × 1080 (YouTube)
BackgroundLinear gradient #1F4D3C → #0F2E22, top-to-bottom
Speaker wellRounded square · 24 px radius · centered horizontally · 50–55% of canvas height
Caption block4 lines max · 120 px Inter Tight 900 · final or hook line in Tone
WaveformSage Soft #3A6E5A · 18–20 vertical bars · animate on RMS, not peak
Mono receiptsTop-left "EP.014 / CLIP 03" · top-right timestamp · bottom-right URL
Title card (optional)Use the editorial quote-card pattern with the episode subtitle in Fraunces Italic.
OutroLast 1.5 s: speaker fades, mark + "RANKONMAPS.IO" lands centered.
09 · Sales decks · Pitches

Slides
that close.

A pitch deck is a prosecution. Each slide a single exhibit. Page backgrounds, generous margins, one idea per slide, one number per slide. Inter Tight 900 carries the weight; mono carries the receipts.

SlideLayoutTypeColor
CoverPin top-left · client name 200 px on Page · date in monoInter Tight 900Page + Ink
The painSingle sentence, 140 px, dead-centeredInter Tight 900Page + one Sage word + Sage underline
ProofScreenshot full-bleed left · 3-line callout rightInter Tight 500 sentence casePaper
Stat slideOne number 360 px · label in mono 24 px underInter Tight 900 + JBMonoSage Forest field · Paper number
Process3 columns, hairline-divided · sage numeralsInter Tight 500Paper + Sage
Editorial transitionSingle italic line dead-centered, 56 px Fraunces ItalicFraunces Italic 400Paper + one Sage emphasis
OfferTwo-up: low ticket · full stack. Price in mono 80 px.Inter Tight 900 + JBMonoPage + Sage Forest panel
ClosePin centered · "RANK WHERE IT MATTERS." 220 px · CTA in monoInter Tight 900Sage Forest field + Tone accent

16:9 at 1920 × 1080. Margins: 80 px sides, 64 px top/bottom. Never more than 24 words on a slide.

10 · Motion language

Move with intent.

Motion is structural, not decorative. Every move means something · a beat, a reveal, a transition between thoughts. If a move doesn't earn its presence, cut it.

Default easingCubic out · After Effects: ease-out 67% · ease-in 33%
Type entranceUp-from-baseline · 12 px travel · 320 ms
Word highlightColor flip Ink → Sage Forest · 100 ms · no scale
Underline drawLeft-to-right wipe · 280 ms · ease-out
Frame changeHard cut. 6-frame dissolve only at narrative chapter breaks.
Stat revealNumeric tween 1000 ms · ease-out · slight blur 0→0 px
Logo landPin drops 24 px · 320 ms · horizon scales 0→1 width · 360 ms
Editorial italicLetter-by-letter fade-up · 60 ms per word · italic settles last
11 · B-roll color treatment

A consistent grade.

All ROM-shot footage moves through the same grade. Clean, modern, slightly cool in the shadows, warm in the skin midtones. Not cinematic teal-and-orange · confident broadcast on a warm page.

White balanceSlightly cool · 4900–5200K
Lift (shadows)Cyan +4 · luma -3
Gamma (mids)Warm +2 · luma +2 · saturation -4
Gain (highlights)Neutral · luma -2 · soft roll-off
SaturationMaster 0.90 · greens lifted +6 (nature reads ROM)
ContrastS-curve gentle · pivot 0.42
GrainNone on screen recordings · 0.6% on talking-head
LUT nameROM_Sage_v2.cube · bake into Premiere/Resolve preset
12 · Do · Don't

The line is clear.

Do

  • Default to Page #F1EFE9 backgrounds with Ink type · most things look better there.
  • Use Sage Forest as the only color event. One word, one frame.
  • Use the underline rule under the sage word · or color-flip it. Never both.
  • Show real maps, real dashboards, real call counts.
  • Run mono receipts in every corner · timestamps, fig numbers, file paths.
  • Reserve the italic serif for ≤ 2% of frames · quote pulls, podcast titles, deck transitions.
  • Burn captions into short-form. Always.
  • Pin watermark on every short-form export · no exceptions.

Don't

  • No second color. No bright greens, no terracotta, no amber. Tone replaces accent.
  • No emoji. Use mono symbols only: ↗ ↑ ↓ · /
  • No drop shadows or gradients on the pin (except the official app icon).
  • No italic serif outside its allowed surfaces. Don't let editors discover it.
  • No SCIO references in any user-facing material.
  • No glitches, whips, or flash transitions. Hard cuts only.
  • No icon-plus-wordmark lockups · this kit is icon-led.
  • No filler stats, no decorative icons, no stock photo "inspiration" images.
13 · Editor checklist

Before you export.

Run every short-form and long-form deliverable against this list. If a box doesn't get checked, the file doesn't ship.

Resolution matches platform · 1080×1920 or 1920×1080.30 fps unless specifically requested otherwise.
Title-safe and right-rail clearances respected.Check on real device, not just preview.
Captions burned in, word-by-word, on every short-form.Inter Tight 900 · 130 px · Ink with Sage punch word.
Sage event happens at most twice per piece.One color flip, one underline. Never decorative.
Mono receipts in at least two corners on every frame.FIG number, timestamp, episode code, or file path.
Pin watermark present (bottom-right or bottom-left, 14% scale, 55% opacity).Skip only on title cards where the pin is already on screen.
Italic serif used 0–1 times in this piece.If it appears, it's a quote, a transition, or a podcast title.
Color grade applied · ROM_Sage_v2.Re-check skin tone and greens.
Audio normalized to -16 LUFS short-form, -14 LUFS YouTube.True peak ≤ -1.5 dB.
No emoji anywhere on screen.Mono symbols only: ↗ ↑ ↓ · /
Lower-thirds use Paper bar with Sage stripe.Hold 4 s first appearance, 2.5 s returns.
End card / CTA matches kit (RANKONMAPS.IO + pin).Long-form holds 14–18 s.
File name follows: ROM_[type]_[topic]_[YYMMDD]_v##.mp4Example: ROM_Reel_3PackTeardown_260502_v02.mp4
Codec: H.264 · 16–24 Mbps · AAC 320 kbps.Higher only if delivery spec requires it.
14 · Asset map

What's in the folder.

PathWhat it is
logo/logo-mark-ink.svgPin in Ink · for Page / Paper backgrounds
logo/logo-mark-paper.svgPin in Paper · for Ink / Sage / photo backgrounds
logo/logo-mark-sage.svgPin in Sage Forest · for monochrome moments on Paper
logo/app-icon.svgiOS / Android app icon · Sage gradient + Paper pin
logo/app-icon-light.svgLight variant for white-mode launchers
templates/9x16-safezone.svgReels / TikTok / Shorts safe-zone template
templates/lower-third.svgYouTube / podcast lower-third
templates/title-card-16x9.svgYouTube long-form title card
templates/end-card-16x9.svgYouTube end card with subscribe + next slot
templates/podcast-clip.svgPodcast clip frame (9:16)
templates/caption-style.svgReference frame for short-form caption styling
templates/quote-card.svgEditorial quote card · Fraunces Italic · < 2% use
fonts/Local fallback fonts (Instrument Sans, Instrument Serif Italic, JetBrains Mono)
explorations/Direction comparison + merged direction (history)

Required fonts

Editors should install these system-wide for After Effects, Premiere, Figma, Keynote.

FamilyWhere to get itWeights
Inter Tightfonts.google.com/specimen/Inter+Tight900 · 800 · 500 · 400
Fraunces (italic only)fonts.google.com/specimen/Fraunces400 italic · 600 italic
JetBrains Monofonts.google.com/specimen/JetBrains+Mono700 · 400