IDENTITY / BRAND KIT
ONE MARK.ONE CLEAR SYSTEM.
Download the Metr mark and use the black, white, and electric-blue visual system consistently across product, partner, and editorial surfaces.
LIVE SYSTEM MAPSTATE / ACTIVEBRAND SYSTEM / 01
Technical, direct, and unmistakable.
Metr's identity should feel like infrastructure: high contrast, precise spacing, clear evidence, and one blue signal used to show active value flow.
04 SYSTEM PRIMITIVESASSETPrimary mark
Use the supplied vector mark without redrawing, rounding, stretching, or adding effects.
COLORCore palette
Lead with black and white. Reserve blue for calls to action, state, and movement.
TYPEType system
Use Geist for interface copy and Geist Mono for labels, evidence, and machine state.
COPYVoice
Describe what works, name what is illustrative, and avoid unsupported superlatives.
WORKFLOW / 02
THE SYSTEM
IN MOTION.
Each stage has a visible input, an explicit state, and a result the next stage can verify.
- 01Choose the format
Use SVG for scalable interfaces and the social image for standard previews.
asset = supplied - 02Protect contrast
Place the mark on black, white, or another approved high-contrast field.
contrast = clear - 03Keep space
Leave enough surrounding area for the square geometry to read at small sizes.
clearspace = 1x - 04Stay factual
Pair the visual system with concise product language and visible qualification.
voice = precise
VISIBLE EVIDENCE / 03
MAKE THE STATE
READABLE.
Product activity should leave a trace a developer, operator, or customer can understand. The showcase uses realistic sample data where a live feed is not connected.
--black: #08090b--paper: #f4f5f7--white: #fbfcff--blue: #3b82ff--font-sans: Geist--font-mono: Geist Monoshowcase / deterministicBUILD WHAT
GETS METERED.
Metr is live. Access is currently approved individually for businesses, developers, and agent builders.
Request access