01 / Detect
Frame the subject
Open corners, registration marks and confident geometry make detection visible without looking surveillance-heavy.
Identity system
Beautiful vision.
Made visible.
CHROMA PRESS — A visual operating system for expressive computer-vision overlays.
01 / 07
01 / Idea
Technical sight,
turned into a visual language.
visionstyle gives object detection a point of view. Its identity should make data feel authored—not merely displayed.
Brand behavior. Be exact, energetic and cultured. Use measured technical detail as a compositional device. The system should feel like a great visual editor has entered the detection pipeline.
02 / Style
Make it yours
Color rails, grain, confidence dots and tracking paths signal that visionstyle is an expressive toolkit.
03 / Track
Let it move
A dotted route gives the system a sense of time, direction and kinetic intelligence.
04 / Publish
Stay legible
The identity scales down to one mark and up to a rich, editorial visual field.
Signature thought
Data can be accurate
and beautiful.
The Chroma Press direction uses bold print color with detection grammar. It is playful without being childish, technical without becoming cold.
02 / 07
02 / Mark
One V. Four visual modes.
Preferred
Use the full lockup whenever “visionstyle” has to be read for the first time.
Compact
Use the V symbol in a square or when the name is already visible nearby.
Never separate
Do not rebuild the colored wordmark in a system typeface. Use the supplied lockups.
03 / 07
03 / Space
Give the mark
room to perform.
1× clear space1× clear space
Clear space = the height of the red triangle inside the wordmark’s “v”.
Keep this amount of empty space on all sides of the lockup. For the standalone V, use one quarter of the symbol’s overall width. More breathing room is always welcome.
| Asset | Digital minimum | Print minimum |
|---|---|---|
| Full lockup | 220 px wide | 35 mm wide |
| V symbol | 32 px square | 8 mm square |
| Watermark | 56 px square | 12 mm square |
| Favicon | 16 px square | Digital only |
At small sizes. Use the simplified watermark V below 32 px. The full-color V is expressive; it is not intended to carry detail at favicon scale.
Alignment. Align the lockup to content edges, not to the optical bounds of the V. The V is intentionally dynamic and slightly asymmetric.
04 / 07
04 / Voice
Black ink. Paper.
Signals in full color.
Ink#111111PRIMARY FIELD / TYPE
Paper#FAF7F0PRIMARY LIGHT FIELD
Cobalt#1558E8KEY SIGNAL
Tomato#FF382AFOCUS / ACTION
Saffron#FFD514ENERGY / HIGHLIGHT
Pink#F6A1C4HUMAN WARMTH
Green#22B95ASUCCESS / MOTION POINT
Warm white#FFFDF7DARK THEME TYPE
Editorial display / Georgia
See clearly.
Style boldly.
Style boldly.
Use for guide titles, campaign statements and feature-page headlines. Never use in product controls.
Technical voice / JetBrains Mono
PRESET: CINEMATIC
TRACK_ID: 14
CONFIDENCE: 0.93
TRACK_ID: 14
CONFIDENCE: 0.93
Use for labels, metadata, code, captioning and visual-system signals. Product UI may use the bundled VS Sans for body text.
05 / 07
05 / Context
Identity that belongs
inside the product.
Style every frame.
Let the app use the full lockup in its entry moments, then return to the symbol in persistent navigation.
Chroma Press
Signature colors, live tracking and punchy editorial energy.
USE THE THEME-AWARE BANNERLIGHT / DARK
06 / 07
06 / Ship
Small mark.
Big signal.
16 PX
32 PX
48 PX
180 PX
Favicon rule. Export the simplified V only. Keep its field solid: ink with a warm-white mark for dark contexts, or paper with an ink mark for light contexts. Do not place the detailed color V at 16 px.
Current source assets
- chroma-press-light-lockup-transparent.pngpaper surfaces
- chroma-press-dark-lockup-transparent.pngdark surfaces
- chroma-press-light-symbol-transparent.pnglight app / avatar
- chroma-press-dark-symbol-transparent.pngdark app / avatar
- chroma-press-watermark-ink.pnglight footage
- chroma-press-watermark-white.pngdark footage
- hero-chroma-press-{light,dark}.pngGitHub README
For final production, retain these raster references and commission a vector master (SVG / PDF) for print, high-resolution exports and deterministic favicon generation.
07 / 07