The system behind the vector.
One accent, precise type, generous space. The AffVector identity in a page.
The mark is a vector.
Two ascending chevrons — momentum and growth, the direction traffic takes when it becomes revenue. Use the full lockup where space allows; the mark alone for avatars and favicons. Keep clear space of at least the mark’s height around it, and never below 20 px tall.
One electric accent, chosen neutrals.
A blue→cyan gradient is the signature — it appears in the mark, the top accent line, charts and icon wells. Electric blue leads; a darker blue carries text and buttons for accessible contrast; deep navy anchors the dark bands. Everything else is a cool, blue-biased neutral so the accent always leads.
SF Pro, set with intent.
The system UI face (SF Pro) keeps the site fast and native across Apple devices. Display weights are tight and confident; figures always use tabular numerals so metrics line up.
Keep it quiet, let the accent lead.
✓ Do
- Use one primary blue action per screen.
- Give the mark clear space and lots of white.
- Use tabular numerals for every figure.
- Keep neutrals cool and consistent.
✕ Don’t
- Recolour the mark or add effects to it.
- Introduce a second competing accent.
- Stretch, rotate, or crowd the logo.
- Set body text lighter than Slate on white.