Skip to main content
Copied to clipboard!
MetroSMS™
MetroSMS™ Design System 2026

Simplicity by design.
Power in every message.

The official visual language, typography scales, color architecture, and digital assets for MetroSMS™ — the autonomous transit intelligence operating system.

3 Sec
Average ETA Speed
100%
App-Free SMS Reach
99.98%
Platform SLA
4.5 : 1
WCAG AA Contrast

Logo System

Engineered for clarity at any scale.

Built with geometric precision, optical balance, and high-luminance contrast across light and dark viewports.

Light Mode Wordmark Canonical
MetroSMS Light
Light Wordmark Vector
SVG • Scalable • Transparent
Download
Dark Mode Wordmark UI / Terminal
MetroSMS Dark
Dark Wordmark Vector
SVG • Scalable • Dark Canvas
Download
1200x1200 Logo White

Square App Icon (White)

1200 × 1200 PNG

Download PNG
1200x1200 Logo Dark

Square App Icon (Dark)

1200 × 1200 PNG

Download PNG
MetroSMS Favicon

Transit "M" Glyph

Scalable SVG & Multi-ICO

Clearspace & Geometry Rules

Always maintain minimum clearspace equal to the height of the capital "M" around the entire wordmark. Never skew, recolor, or distort.

1X Margin No Shadows

Color Architecture

Pure white foundation. Vibrant electric accents.

Designed for instantaneous recognition under direct sunlight at transit shelters and crisp legibility on iOS and Android OLED screens.

Electric Cyan
#06B6D4

Primary Brand Highlight & Telephony

Transit Azure
#0284C7

Gradient Terminal Stop & ABQ Ride

Obsidian Slate
#0F172A

High-Contrast Text & Brand Typo

Pure White
#FFFFFF

Canvas Foundation & Print Base

Regional Transit Authority Accents

Each integrated transit partner maintains authentic municipal brand recognition within the MetroSMS operating system:

ABQ RIDE
ART & City Bus
#0284C7
Rail Runner & Rio Metro
Rail & Routes 250, 251, 222
#F59E0B
UNM & UNMH (PATS)
South Lot, Redondo & CCT
#BA0C2F
Santa Fe Trails
Plaza & Cerrillos Bus
#10B981
NMDOT Park & Ride
Purple Route LANL Express
#006677

Typography Scales

San Francisco clarity. Monospace precision.

A paired typographic rhythm balancing executive authority with zero-latency tabular countdown data.

Hero Title / 48px - 72px • Weight 800
Autonomous Transit
Tracking -0.025em • SF Pro / Inter
Title 1 / 28px - 36px • Weight 700
Real-Time Corridors
Tracking -0.02em • SF Pro / Inter
Body Regular / 15px - 17px • Weight 400
Delivering friction-free arrival countdowns to millions of commuters over standard SMS telephony with sub-second GTFS precision.
Line-height 1.5 • #86868B
Tabular Telephony / JetBrains Mono • Weight 600
STOP 1081 → NEXT BUS: 4 MIN
Tabular Digits • (505) 448-8007

User Experience

Zero apps. Zero downloads. Zero logins.

Every commuter with any cellular phone receives instant, life-saving transit intelligence in seconds.

9:41
MetroSMS (505) 448-8007
Today 9:41 AM
1081
CENTRAL & YALE (Stop #1081)
• #66 E: 3m (9:44a), 18m
• #766 Rapid: 7m (9:48a)
• #777 Express: 12m
[Sponsor: Frontier Restaurant • 10% off with Lobo ID]
Reply STOP to cancel, HELP for help.
TRAIN ATC
NM RAIL RUNNER: Downtown ATC
• Train #506 North: 9:55 AM (On-time)
• Train #508 North: 11:15 AM
Full schedule: riometro.org
Text Message

Asset Vault

Production media assets ready for deployment.

Vectors, rasters, and icons organized for municipal partners, marketing teams, and civic developers.

Scalable SVG Wordmarks

Lossless vector logos optimized for light, dark, and pure white web and print displays.

SVG Format • 3 Files

Hi-Res Square App Icons

32-bit RGBA 1200 × 1200 PNG lockups for app stores, municipal portals, and social profiles.

1200 × 1200 • PNG

Display & Social Banners

High-definition 1920 × 1080 display signage and 1500 × 500 social network banners.

1080p & 500p • PNG