Logo Grid

Bygg balanserade logo-lockups av symbol + wordmark (+ valfritt motto). Optisk centrering, clear space och grid — ingen Figma behövs.

Layout

hasty
17.85:1· Syns bra

Funkar ner till ~9 px

Alla lägen

Klicka på en variant för att fokusera och finjustera.

Läsbarhet i olika storlekar

hasty
16px
hasty
32px
hasty
64px
hasty
128px
hasty
256px

Så balanserar du en logo-lockup

  1. Ladda upp din symbol

    Dra in din symbol som SVG, PNG eller JPG. Verktyget trimmar transparens automatiskt.

  2. Skriv ditt wordmark

    Välj typsnitt från Google Fonts och justera vikt och letter-spacing.

  3. Välj lockup-layout

    Horisontell, vertikal, centrerad eller med motto under.

  4. Justera optisk balans

    Använd cap-höjd som referens, inte pixlar. Optisk nudge flyttar symbolen ~2% uppåt — det ser nästan alltid bättre ut.

  5. Stress-testa & exportera

    Visa lockupen i flera storlekar och bakgrunder. Exportera som SVG eller PNG.

Vanliga frågor om Logo Grid

Vad är en logo-lockup?

En låst kombination av symbol + wordmark (och ofta motto) med definierade proportioner, clear space och optisk balans — den kanoniska varianten av logotypen som används överallt.

Varför optisk centrering istället för matematisk?

Ögat läser vikt, inte pixlar. En rund symbol måste ofta placeras ~2 % högre än den geometriska mittlinjen för att kännas centrerad. Optisk nudge i Logo Grid gör det åt dig.

Vad är clear space?

Skyddszonen runt logotypen där ingen annan grafik får bryta in. Standard är 1× cap-höjd eller 1× symbolens x-höjd. Logo Grid visar zonen live så du kan verifiera exporten.

Vilka format kan jag exportera?

SVG (vektor, för webb och print) och PNG i 1×, 2× och 3× — inklusive transparent bakgrund. Alla exporter behåller optisk balans och clear space.

Kostar Logo Grid något?

Nej. Verktyget är gratis, utan konto och utan vattenstämpel. Filerna lämnar aldrig din webbläsare.