Loading
◇ Brand
TheUltieslogo.
One mark, many uses. Below: every approved variation — with and without the wordmark, with and without the tagline, plus a small library of motion treatments.
◇ Variants
Three. That's it.
The mark stands alone, the wordmark adds 'lties', the full lockup adds the 'tech solutions' tagline. Never invent a fourth.
MARK ONLY
WORDMARK
FULL LOCKUP
◇ Color
On any surface.
The SVG is filled with currentColor, so the logo takes the color of whatever sits around it. These are the approved combinations.
MONO · DARK BG
MONO · LIGHT BG
ON SIGNAL GREEN
OUTLINE / ETCHED
DUOTONE OVERLAY
GLOW · NIGHT
◇ Sub-text
With and without.
The tagline is optional. Use the full lockup in moments of brand context (footers, presentations). Use the wordmark or mark in functional UI.
WITH SUB-TEXT
NO SUB-TEXT
STACKED · CENTERED
ULTIES · TECH SOLUTIONS
MARK · SIDE TAGLINE
Ulties
tech solutions
tech solutions
WORDMARK · RULE
EST. 2015 · FARUM
◇ Motion
Logo, in motion.
Eight approved motion treatments. Each card has its own ▶ Play button — use it to replay the animation from frame zero.
STROKE DRAW · MARK
STROKE DRAW · WORDMARK
PULSE / HEARTBEAT
MAGNETIC · CURSOR
CHROMATIC GLITCH
LOADER
MARQUEE
THEME FLIP
◇ Sizes
From favicon to billboard.
Minimum heights below ensure the wordmark stays legible. Always allow ¼ × the mark height of clearspace on all sides.
16 px · favicon
24 px · UI icon
40 px · nav
64 px · page header
120 px · footer lockup
240 px · hero brand moment
◇ Don'ts
Please don't.
A short list of things that will get the logo retired from your design.
DON'T STRETCH
DON'T RAINBOW
DON'T TILT
DON'T DROP SHADOW
