Brand & wordmark
The confirmed visual system for Zeflin — marks, color, and type. This page is a living design artifact, not a product screen. Default mode is light; everything is built to hold on dark.
The wordmark
Both explored against the same lockup. The founder selected the bidirectional-f as primary.
The 'f' ascender splits into an up/down arrow — to-AI and from-AI, co-headlined. This is the chosen mark.
A [z] inside brackets — the AI data boundary made literal. Held in reserve.
Monochrome lockup
The mark must read on both grounds without color. Glyph runs unfilled (currentColor) so it inherits the panel's foreground.
App icon & favicon
The filled glyph holds the rounded-square container down to 16px. Shown at descending scale.
Color system
A deep evergreen carries the brand — trust, the archive, the 'Prove' step. Direction families are load-bearing IA: blue is to-AI, amber-gold is the from-AI moat. Severity colors are reserved and never used for general UI.
Typography
A tight, audit-grade scale. Monospace is reserved for hashes and identifiers.