Meridian Commercial Group · Brand standards

One place for the right logo, color and type.

Everything below is the system that runs meridiancommercialgroup.com. Use it as-is for LinkedIn, social, decks, documents, apps and anything an AI produces for Meridian. If something isn't covered here, match the website.

See the live site →
00 · Quick reference

The whole brand on one card.

If you only read one block, read this one. Click any color to copy its hex.

Nameas written
Meridian Commercial Group. The wordmark reads MERIDIAN. Never "MCG" or "Meridian CG" in public copy.
Linepositioning
Scary Fast Site Selection  ·  We find sites. Faster, more precisely, in less time.
Color8 tokens
Typetwo faces
Manrope for headlines and body  ·  IBM Plex Mono for labels, buttons and data. Both free on Google Fonts.
Logotwo forms
Horizontal lockup (mark + MERIDIAN) on light in Ink, on dark in Ground. Mark alone under 120px. Never any other color.
CTAalways
Find Site Now →   every call to action, everywhere, links to the booking page
02 · Color

Survey palette. One accent.

The palette reads like a survey map: a warm paper ground, an ink for everything written, hairlines for structure, and a single orange for the one thing you should look at. Named tokens are what the website's CSS uses (--mcg-…).

Ground--mcg-ground
RGB 242 241 236CMYK 0 0 2 5

Page background. Every surface starts here. Never pure white.

Ground 2--mcg-ground-2
RGB 233 231 224CMYK 0 1 4 9

Second surface: cards, table stripes, pill fills, the map's land.

Line--mcg-line
RGB 212 210 202CMYK 0 1 5 17

Hairlines, borders, dividers. 1px, never thicker.

Ink--mcg-ink
RGB 20 26 31CMYK 35 16 0 88

Headlines, body text, the dark button, dark grounds. Never #000.

Ink 2--mcg-ink-2
RGB 74 82 89CMYK 17 8 0 65

Secondary text, nav links, eyebrow labels on light.

Ink 3--mcg-ink-3
RGB 138 144 150CMYK 8 4 0 41

Tertiary text, disabled states, captions, data-ticker dividers.

Accent--mcg-accent
RGB 232 70 27CMYK 0 70 88 9

One job: the call to action and the found site. Use it sparingly so it still means something.

Juniper--mcg-muted
RGB 107 124 110CMYK 14 0 11 51

Parks and water on the map, a quiet secondary tone in charts. Never for text.

Proportion

≈ 85% Ground≈ 10% Ink≈ 5% Accent

If a layout feels like it needs a second accent, it needs less accent. Juniper and the Ink greys carry all secondary information.

Text pairings (all pass WCAG AA)

Ink on Ground16.6 : 1 · body default
Ground on Ink16.6 : 1 · dark panels
White on Accent4.5 : 1 · buttons only, ≥14px
Ink 2 on Ground7.6 : 1 · secondary text
Ink on Ground 215.1 : 1 · cards
Accent on Ground3.9 : 1 · large text or labels only

The "street light" ramp

Used wherever something narrows down: the hero map, funnels, stage charts, progress. Dark to light to hot, so the final state is the only one in color.

#141A1F
#4A5259
#8A9096
#F6D3C6
#E8461B
03 · Typography

Manrope speaks. Plex Mono labels.

Manrope is a geometric sans with enough warmth to carry a headline at 90px and enough discipline for body text. IBM Plex Mono is the voice of the data: eyebrows, buttons, numbers, captions. Two faces, no third.

DisplayManrope 500 · −.025em · 1.02
We find sites. Faster, more precisely, in less time.
Heading 2Manrope 500 · −.02em · 1.08
Three steps from requirement to keys.
Heading 3Manrope 500 · −.01em · 1.2
Income-producing assets, raw land, and everything between.
LeadManrope 400 · 20px · Ink 2
We find needles in haystacks — and prove it with the data.
BodyManrope 400 · 16–18px · 1.5

Most site searches start with a map and a hunch. Ours starts with the data, then narrows to the handful of sites that actually fit what you need. Keep lines around 65 characters; never justify; one idea per paragraph.

EyebrowPlex Mono · 12px · caps · .12em
Scary fast site selection
Data / captionPlex Mono · 11–13px
EVERY PARCEL │ 11.6M  →  SCREENED │ 42,000  →  MATCHED │ 1,800  →  SHORTLISTED │ 12  →  YOUR SITE │ 1

Loading the fonts

CSS · Google Fonts
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');

--mcg-sans: "Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
--mcg-mono: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;

Word, PowerPoint, Google Docs, Canva: install Manrope and IBM Plex Mono from Google Fonts (both are free, OFL-licensed). Where you can't install fonts — some email clients, LinkedIn text — the fallbacks are Arial for text and Consolas for labels.

04 · Voice & copy

Plain, fast, specific.

How we sound

Short sentences. Numbers instead of adjectives. We say what we did and what the data shows; we don't say we're "excited." No exclamation marks, no emoji, no industry filler.

We are Texas-wide. Copy never narrows Meridian to Austin or Central Texas unless a specific deal is in Austin.

Calls to action read Find Site Now — title case, no period, and they always link to the booking page.

Lines we use

RoleLine
PositioningScary Fast Site Selection
HeadlineWe find sites. Faster, more precisely, in less time.
SupportWe find needles in haystacks — and prove it with the data.
What we findFrom raw land to income-producing assets.
ProcessThree steps from requirement to keys.
CTAFind Site Now

Compliance

Long-form materials and every footer carry the TREC Information About Brokerage Services link, the TREC Consumer Protection Notice link, and "Equal Housing Opportunity." Set them in Plex Mono at 11–12px in Ink 3, separated by hairline pipes, exactly as the website footer does.
05 · Buttons & UI

Pills, hairlines, no shadows.

Buttons

Primary: Accent fill, white Plex Mono, full pill. Hover turns Ink. Dark variant lives in headers and hovers to Accent. Ghost for secondary actions only.

Stage pills
Every parcelScreenedMatchedYour site
Form fields

Inputs: 4px radius, 1px Line border, white fill. Labels are eyebrows.

ElementRadiusBorderFill
Buttons, pills, chips999px1px, same as fillAccent / Ink / none
Inputs4px1px Line#FFFFFF
Cards, panels12px1px LineGround 2
Modals12px1px LineGround, over rgba(20,26,31,.72)
Dividers—1px Line—
06 · Applications

Ready-made for LinkedIn, social and the web.

These are built to the exact pixel sizes each platform asks for. The files are in the asset pack (section 08).

SCARY FAST SITE SELECTION · ANYWHERE IN TEXAS
LinkedIn company / profile banner1584 × 396
We find sites. Faster,
more precisely, in less time.
MERIDIANCOMMERCIALGROUP.COM
Link preview (Open Graph, X, Slack)1200 × 630
Scary fast site selection
We find sites.
Faster, more precisely,
in less time.
Square post template1080 × 1080
Avatar / profile / app iconMark in Ground on Ink, 52% of the tile. Files at 400 and 1024. Same file is the favicon source.
LinkedIn, X, Google, iOS/Android400 × 400 · 1024 × 1024

Social post rules

Ground background, Ink text, one line of Accent at most. Headline in Manrope 500 at 80–96px on a 1080 canvas, 96px margins, eyebrow in Plex Mono at the top, lockup bottom-left. Photos, when used, get the same treatment as the website map: desaturated, Ink-tinted, with text on a solid panel. Never put type over a busy image.

Email signature

Brandon Willin · Designated Broker
Meridian Commercial Group
meridiancommercialgroup.com  ·  Book a Site Search Call
TREC INFORMATION ABOUT BROKERAGE SERVICES  |  TREC CONSUMER PROTECTION NOTICE  |  EQUAL HOUSING OPPORTUNITY

Signature uses Arial and Consolas on purpose — web fonts don't survive email clients. The HTML is in the asset pack as email-signature.html.

Decks and documents

Ground page, Ink text, Manrope 500 titles, Plex Mono section labels and page numbers. One Accent element per slide at most (a rule, a number, a highlighted parcel). Lockup on the cover and the closing slide only; the mark alone in the footer at 24px. Charts use the street-light ramp or Ink greys — never a rainbow.

07 · Brief for any AI

Paste this and it will get the brand right.

A plain-text version of everything above, written for a model. Drop it into a system prompt, a project's instructions, a Canva or Figma AI, or the top of a chat before asking for anything with Meridian's name on it.

Brand spec · plain text
MERIDIAN COMMERCIAL GROUP — BRAND SPEC (v1.0, September 2026)
Use this when producing anything for Meridian: web, LinkedIn, social, decks, documents, apps.

NAME
- Full name: Meridian Commercial Group. Wordmark reads MERIDIAN (all caps, letterspaced). Never "Meridian CG", never "MCG" in public copy.
- Web: meridiancommercialgroup.com. Booking: https://calendar.google.com/calendar/appointments/schedules/AcZssZ1ssm1_88taszHps9WU2LHoSHa_5R4Wwce8E6PBgt5g1aPORTXhMytuuAHt9l89uaTx2y2QipDK

WHAT WE DO / VOICE
- Commercial real estate site selection across Texas, driven by data. Positioning line: "Scary Fast Site Selection".
- Headline: "We find sites. Faster, more precisely, in less time."  Support line: "We find needles in haystacks — and prove it with the data."
- Tone: plain, confident, specific. Short sentences. Numbers over adjectives. No exclamation marks, no emoji, no "synergy"-type language. Texas-wide, never "Central Texas" or "Austin-only".
- Calls to action always read "Find Site Now" (title case, no period) and link to the booking page above.

COLOR (hex / role)
- Ground   #F2F1EC  page background (never pure white)
- Ground 2 #E9E7E0  cards, second surface
- Line     #D4D2CA  1px borders, dividers
- Ink      #141A1F  text, headlines, dark grounds, dark button (never #000)
- Ink 2    #4A5259  secondary text, eyebrows
- Ink 3    #8A9096  tertiary text, captions
- Accent   #E8461B  ONE accent: primary CTA button, the "found site". Use sparingly.
- Juniper  #6B7C6E  map greens / quiet secondary in charts. Not for text.
- Rule of proportion: ~85% Ground, ~10% Ink, ~5% Accent. Text is always Ink on Ground or Ground on Ink.

TYPE
- Display + body: Manrope (Google Fonts). Headlines weight 500, letter-spacing -0.02em, tight line-height 1.05. Body weight 400, 16–18px, line-height 1.5, max ~65 characters per line.
- Labels, buttons, data, eyebrows: IBM Plex Mono (Google Fonts), 12–13px, uppercase, letter-spacing 0.12em for eyebrows; buttons in mono are sentence/title case with 0.02–0.04em tracking.
- CSS: @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
- Fallbacks: Manrope → system-ui, Helvetica, Arial. IBM Plex Mono → Menlo, Consolas, monospace.
- Documents/Office where web fonts are unavailable: Arial (body) + Consolas (labels).

LOGO
- Primary: horizontal lockup — the globe-with-meridians mark at left, MERIDIAN wordmark at right. Files: meridian-lockup-ink.svg (on light), meridian-lockup-ground.svg / -white.svg (on dark).
- Mark alone: meridian-mark-*.svg — for avatars, favicons, app icons, anywhere under ~120px wide.
- Colors: the logo is only ever Ink (#141A1F) on light grounds or Ground (#F2F1EC)/white on dark grounds. Accent-colored mark is allowed ONLY as a small icon accent, never for the lockup.
- Clear space: the height of the mark on every side. Minimum width: lockup 140px / 35mm; mark 24px / 8mm.
- Don't: recolor, add gradients or shadows, outline, rotate, stretch, place on photos without a solid Ink or Ground panel, set the wordmark in any other typeface, or add a tagline inside the lockup.

BUTTONS & UI
- Primary button: Accent fill, white text, IBM Plex Mono 13–15px, full pill radius (999px), padding 13–18px x 24–32px. Hover → Ink fill.
- Dark button (headers): Ink fill, Ground text, same shape. Hover → Accent.
- Corners: pills for buttons and chips; 4px for inputs; 12px for panels/modals. Borders 1px Line. No drop shadows except a modal overlay (rgba(20,26,31,.72)).
- Data / stage "street light" ramp (map, charts, funnels): #141A1F → #4A5259 → #8A9096 → #F6D3C6 (pale accent w/ accent outline) → #E8461B.

COMPLIANCE (Texas real estate)
- Footer / long-form materials carry: Information About Brokerage Services (TREC) and TREC Consumer Protection Notice links, and "Equal Housing Opportunity". Brokerage of record is listed in the site footer.
08 · Asset files

What's in the pack.

The asset pack (meridian-brand-assets.zip) ships alongside this page. File names are stable, so instructions like "use meridian-lockup-ink.svg" will keep working.

FileWhat it isUse it for
meridian-lockup-ink.svg / -ground.svg / -white.svgHorizontal lockup, vectorAnything scalable: web, print, decks
meridian-lockup-ink-transparent.png / -white-transparent.pngLockup, 2400px, transparentWhere SVG isn't accepted (Squarespace logo, Canva, Office)
meridian-lockup-on-ground.png / -on-ink.pngLockup on a solid panel, 2400pxPhotos, video end-cards, anywhere transparency is risky
meridian-mark-ink.svg / -ground.svg / -accent.svgMark alone, vectorFavicons, icons, watermarks
meridian-mark-ink-transparent.png / -white-transparent.pngMark, 1024px, transparentSame, raster
meridian-avatar-400.png / -1024.pngMark on Ink, squareLinkedIn, X, Google profile, app icon
meridian-app-icon-light-1024.pngMark on Ground, squareLight-mode app icon, favicon source
meridian-linkedin-banner-1584x396.pngBannerLinkedIn company page and personal profile
meridian-og-1200x630.pngLink previewSquarespace social sharing image, Slack/X previews
meridian-social-square-1080.pngPost templateInstagram / LinkedIn square posts (edit the headline)
email-signature.htmlSignature markupGmail / Outlook signature
brand-spec.txt · brand-tokens.json · brand-tokens.cssThe brief above, plus tokensAI prompts, code, design tools
fonts/Manrope, IBM Plex Mono (OFL)Install on any machine
Copied