Brand assets
Logos for our products, free to use when you write about us or link to us. Hotlink them from here or download them. Every file is vector, with its type already converted to shapes, so it needs no fonts.
Use them as drawn. Please don’t recolour, stretch, outline or add effects. If none of the four colourways fits your page, use black or white.
Give them room. Leave clear space of at least a quarter of the mark’s height on every side.
Mind the size. Below 64 px, use the small mark. It is redrawn with heavier lines so it stays sharp at favicon size.
XLSensor
The gear is the machine; the trace is what the sensor hears in it.
Mark
The full logo. Use it at 64 px and larger.
Lockup
Mark and name together, for headers and footers.
Small
Redrawn for favicons and anything under 64 px.
Link to XLSensor
Paste this where you want the badge. On a dark page, swap -light for -white.
<a href="https://xlsensor.com">
<img src="https://kraftware.dev/brand/xlsensor/xl-gear-signal-lockup-light.svg"
alt="XLSensor" height="40">
</a>Also in the set
- Animated mark draws its trace once, then the lamp pulses. Web only; it holds still for visitors who ask for reduced motion.
- App tile and small app tile: the mark on a rounded dark square, for app icons and avatars.
xl dev
The developer portal’s mark: the same gear and signal, with the two status lamps from its header.
Mark
The full logo. Use it at 64 px and larger.
Lockup
Mark and name together, for headers and footers.
Small
Redrawn for favicons and anything under 64 px.
Link to xl dev
Paste this where you want the badge. On a dark page, swap -light for -white.
<a href="https://dev.kraftware.dev">
<img src="https://kraftware.dev/brand/xldev/xldev-gear-signal-lockup-light.svg"
alt="xl dev" height="40">
</a>Also in the set
- Animated mark draws its trace once, then the lamp pulses. Web only; it holds still for visitors who ask for reduced motion.
- App tile and small app tile: the mark on a rounded dark square, for app icons and avatars.
