Foundations · Logo
Take the logo off. It’s still ours.
The logo is the least load-bearing part of this system. Type, lattice, gap, and restrained colour carry Tetrifox—so the supplied mark can stay quiet and disciplined.
Crop test — no logo, only the system. Recognition should survive the crop.
01 · The logo
One identity, three supplied forms.
The complete lockup, wordmark, and mark are the available family. Choose the least reduced form the space can hold.
Complete lockup · default when space allows
Complete lockup
Use when both mark and name need to establish the identity.
Wordmark
Use when the name carries the recognition on its own.
Mark
Use the supplied compact asset in constrained formats.
Downloads · approved masters
Use the original.
Choose a form and surface. Never rebuild or recolour it.
Complete lockup
PNG only
Tetrifox logo kit
v1.0.0 · 178 KB · Black + white · 10 files
02 · The story
Built from the gap.
Read what the supplied construction shows before assigning the mark a story.
The supplied mark is built from two interlocking forms: one filled, one outlined. Their shared angles and central negative space make the silhouette read before detail does.
01 · Interlock
A filled form and an outlined form share one compact silhouette.
02 · Negative space
The central opening stays visible before the smaller details resolve.
03 · Alignment
Shared angles keep both forms reading as one engineered object.
03 · Clearspace
Give it room.
A proposed clearspace rule, shown as a measurable comparison rather than an established external specification.
Proposed exclusion field
1× = proposed cap-height
The field extends outward from the supplied asset’s visible edge.
Nothing enters the field
Type, metadata, and frame edges stop at its boundary.
EXTENSION · proposed rule. The measurement becomes authoritative only after approval.
04 · Sizing
Legible, or absent.
See the supplied assets at their rendered CSS heights. Only the current header usage is verified; the other stages are proposals to test.
Stress test
20px
Inspect, do not treat as an approved minimum.
Current header
32px
The wordmark is live at this height today.
Proposed inline
48px
A proposed display size on a quiet slab.
Proposed display
80px
A proposed size when the lockup leads.
Wordmark · below legibility
Do not keep shrinking this form.
Mark · compact form
Change form when the name no longer reads.
The threshold changes the asset, not its proportions.
05 · Placement
It sits in the frame.
Lead with the placement that is live in product. Keep proposed patterned use separate and visibly labelled.
Top-left at 32px in the current header, where the real asset links home.
Wide, square, or portrait: the supplied lockup starts from the same protected top-left inset.
06 · Incorrect usage
Six ways to break it.
Operational guidance protects the supplied assets without inventing a new colour standard.
Don't alter colour
Use supplied, approved asset variants; do not invent a new one.
Don't distort
Never stretch, squash, or change the proportions.
Don't rotate
Keep the supplied asset level with its frame.
Don't add effects
Do not add glows, bevels, or shadows to the supplied finish.
Don't box it
Do not add a decorative container around the asset.
Don't crowd it
Keep type outside the proposed protection zone.
Use the supplied asset.
Leave it alone.