One mark, one warm palette,
one family of type.
The identity is a tall J with its intact vertical stem and a detached cursor arrow, rendered two ways: flat vector for controls, and a chrome sculpture for the moments that carry the product’s presence. The palette is warm porcelain and ink with a single citron accent.
Below 20 px the mark uses the enclosing tile and the enlarged arrow, so the cursor cannot collapse into a dot. The tile is the only permitted container.
Warm surfaces, one accent
Use ink on porcelain or citron; use porcelain or citron on ink. Citron lettering on porcelain is unsuitable for meaningful UI. Silver is decorative material and never means status.
Large and light, compact and clear
Intent, in motion.
You say it. Jev does it.
Body copy stays compact and readable: browsing text is not display text, and the hierarchy has to survive a 13 px table cell.
Section label
| Role | Size | Treatment | Used for |
|---|---|---|---|
| Display | 72 / 64 / 48 px | Manrope 300–400, tracking -0.03em | Hero statements |
| Title | 34 / 28 / 22 px | Manrope 500–600, tracking -0.02em | Section headlines |
| Body | 17 / 16 px | Manrope 400, 1.65 line height | Prose |
| Compact | 14 / 13 px | Manrope 500 | Controls, table cells |
| Eyebrow | 11.5 px | Manrope 600, 0.18em tracking, uppercase | Section labels |
Motion states a fact or stays out
Every effect has a still state, and system reduced motion is respected everywhere.
| Family | Timing | What it says |
|---|---|---|
| Entrance | 440 ms | Sections settle with an exponential ease-out. |
| Control | 160 ms | State change on buttons, tabs and rows. |
| Working | 1.6 s loop | Border beam on a running frame; thinking orb beside the label. |
| Material | 8 s loop | Liquid-metal sheen across the display mark. |
| Optional | always | Every effect has a still state; system reduced motion is respected. |
Six things not to do
- Keep the flat mark upright and proportional. Never reconnect the J to the arrow.
- Never stretch the symbol, add an outline, or rotate the arrow independently.
- Citron lettering on porcelain is unsuitable for meaningful UI — use ink instead.
- Silver never means success, progress or status; it is decorative material.
- Keep at least a quarter-mark of clear space around the mark, and 20 px minimum size.
- Say what is happening and what someone can do next. Never promise speed, privacy or a benchmark you cannot show.