Brand & logo's · LogicTrade design system

Logo-bibliotheek

Drie varianten. Beeldmerk (icoon), logo en logo met tagline — kies altijd de meest compacte variant die nog goed leesbaar is.
SVG > PNG. Gebruik SVG waar het kan (web, vector-software). PNG alleen waar SVG niet werkt (sommige Office-flows, oude tools).
Ruimte rondom. Houd minimaal de hoogte van het beeldmerk vrij rondom het logo. Niet uitrekken, niet schuintrekken, niet inkleuren.
Achtergrond. Logo's zijn ontworpen voor lichte achtergronden. Voor donkere oppervlakken alleen het beeldmerk in wit gebruiken (komt apart).

1 · Logo-varianten

Klik SVG kopiëren om de markup direct in je klembord te zetten. Downloads openen het bronbestand.

Beeldmerk

Het losse icoon — voor favicons, app-iconen en compacte plekken zoals avatars.

SVG

PNG

/lt/brand/lt-icon.svg

Beeldmerk · wit

Witte variant voor donkere achtergronden. Alleen inzetten op contrastrijke kleuren.

SVG

PNG

/lt/brand/lt-icon-white.svg

Logo

Het standaard woord-/beeldmerk. Standaardkeuze voor headers, documenten en sidebars.

SVG

PNG

/lt/brand/lt-logo.svg

Logo · wit

Witte woordmerk-variant met gradient-beeldmerk. Voor donkere headers, covers en hero's.

SVG

PNG

/lt/brand/lt-logo-white.svg

2 · Gebruik in code

Alle bestanden staan onder shared/brand/ en zijn als statische assets beschikbaar.

<!-- Beeldmerk (favicon, avatar) -->
<img src="/lt/brand/lt-icon.svg" alt="LogicTrade" width="24" height="24" />

<!-- Standaard logo (header, sidebar) -->
<img src="/lt/brand/lt-logo.svg" alt="LogicTrade" height="28" />

<!-- Logo + tagline (covers, marketing) -->
<img src="/lt/brand/lt-logo-tagline.svg" alt="LogicTrade" height="56" />