One symbol, built from a closed angle system and a constant-width counterform. Everything here is measured, not eyeballed — the geometry is generated by a script in the repository, and the numbers below are the reason the mark survives a 16px favicon.
A chamfered block, cut by two channels. The block carries the house chamfer at the bottom-right — the same 45° cut used across the product. The channels are what make it a mark and not a square.
| Property | Value | Why |
|---|---|---|
| Grid | 100 × 100 viewBox | Mark spans x 14→86, y 14→92 |
| Angle system | 0° · 90° · 20° · 55° | No other angle appears anywhere in the mark |
| Channel width | 16 units, constant | Applied perpendicular to direction, so it never thins with angle |
| Chamfer | 14 units at 45° | The house signature, shared with panels and buttons |
| Solid pieces | 3 | No holes, no fill-rule — works on any background |
| Smallest edge | 9.8 units | 1.6px at 16px. Below ~7 the mark breaks |
Never redraw the mark by hand. Run node scripts/marca-geometria.mjs — it computes the cut and prints the path. Hand-drawn channels change width with the angle, which is what makes a shape look crooked without anyone being able to say why.
Clear space on every side is one chamfer — 14 units, or 14% of the mark's box. Nothing enters it: not text, not another logo, not the edge of a photo.
16px is the floor on screen. 8mm is the floor in print. Below that the channels close and the mark turns into a filled square — at which point use a solid brand-orange square with no mark at all, rather than a broken one.
One accent. Orange marks what decides — a rule, a tag, a number — and never becomes a glow, a gradient or a background wash. Greens and reds are status only, never decoration.
The orange was measured, not chosen. #FF4B00 is sampled from faceit.com. The product sits beside theirs on a player's screen, and a near-miss orange reads as a cheap copy.
Mark and wordmark sit on a horizontal baseline, separated by one third of the mark's height — 11px at the 32px header size. The wordmark is Geist ExtraBold, tracking −0.02em, with w in full text colour and FACEIT one step down.
The name is always wFACEIT — lowercase w, uppercase FACEIT, no space, no hyphen. Never “WFaceit”, “W-FACEIT” or “wFaceIt”.
Orange tile with a dark mark; mark alone in brand orange; mark alone on light. These three cover every case.
No rounded corners, no gradients, no stretching. The chamfer replaces the radius — that is the whole point of it.
Keep the lockup horizontal, mark left of the name, gap at one third of the mark height.
No stacked lockup, no cramped gap, no italic, no lowercase FACEIT, no light weight.
Geist for everything on screen, Geist Mono for labels, figures and anything that should read as an instrument.
wFACEIT is an independent product. It has no affiliation, partnership, sponsorship or endorsement from FACEIT, and the mark exists partly to make that visible at a glance.
This is why the symbol is abstract and does not resemble theirs, and why the wordmark never appears alone in a way that could read as an official FACEIT product. Any surface that carries the brand — a stream overlay, a social profile, a press image — carries the independence notice too, or links to a page that does.
The shared vocabulary is deliberate and limited: the orange, the 45° chamfer and the hard geometry. That is family resemblance, not impersonation.
All three are pure geometry: three solid subpaths, no holes, no fill-rule, no strokes. They scale to any size and print in one ink without preparation.
Regenerate rather than edit: node scripts/marca-geometria.mjs. The script carries the angle system, the channel widths and the reasoning for every number in its comments.
