Brand

Logotyper, färgpalett och ikoner. Allt vektoriserat — typsnitt behöver inte vara installerat för att rendera loggan.

Ladda ner brand guide (PDF)

Vilken variant använder jag?

Lotakt-loggan finns i fem grundvarianter. Välj efter ytan och sammanhanget — inte efter smak.

Wordmark
När: Standardvalet.
Exempel: Sajt-headers, marketing-banners, mejl-mallar, tryckt material.
Undvik: Ytor där bara märket får plats (kvadratiska tiles, små ikoner).
Lockup horisontell
När: När märke + namn ska synas tydligt sida vid sida.
Exempel: Mejl-signaturer, "Powered by"-mönster i app-footers, sponsor-listor.
Undvik: Stora hero-områden där wordmark är mer elegant.
Lockup stående
När: Kvadratiska ytor.
Exempel: Splash-screens, app-tiles, profil-bilder på sociala medier, visit-kort, merch.
Undvik: Horisontella ytor (band/banners) där lockup känns hopträngd.
Symbol (märket)
När: Liten yta eller ren ikon-roll.
Exempel: Favicon, runda profil-avatars, watermarks, UI-element < 24 px.
Undvik: Standalone i marketing — märket utan namn är inte tillräckligt igenkänt än.
Ren text
När: Inline i löpande text eller diskreta fotnoter.
Exempel: "Du läser om lotakt" i en mening, copyright, login-formulärrubriker.
Undvik: Som primär logo — använd wordmark där.

Alla varianter

Wordmark

Namnet med pricken i o:t. Primär logotyp.

Primär
Primär
Mörk bg
Mörk bg
Mono
Mono
Mono ljus
Mono ljus

Lockup horisontell

Märke + namn i rad. För sidhuvuden, mejl, footers.

Primär
Primär
Mörk bg
Mörk bg
Mono
Mono
Mono ljus
Mono ljus

Lockup stående

Märke över namn. För kvadratiska ytor och splash.

Primär
Primär
Mörk bg
Mörk bg
Mono
Mono
Mono ljus
Mono ljus

Symbol

Fristående märket. För avatar, favicon, små ytor.

Primär
Primär
Mörk bg
Mörk bg
Mono
Mono
Mono ljus
Mono ljus

Ren text

Namnet utan prick. För löpande sammanhang och fotnoter.

Primär
Primär
Mörk bg
Mörk bg

Klicka en variant för att öppna SVG-filen direkt. Alla är vektoriserade — typsnittet behöver inte vara installerat.

App-specifika lockup-varianter

Anpassade lockups som hostas på lotakt.se så enskilda appar kan hot-linka istället för att hålla lokala kopior. Använder appens prick-färg från Lotakt-paletten + trimmad viewBox för inline-bruk i footers.

Saldokvar — Clay-inline
Saldokvar — Clay-inline
Clay-prick #BB6B45 + trimmad viewBox. För Saldokvars footer.
Saldokvar — Clay-inline ljus
Saldokvar — Clay-inline ljus
Sand-staplar för dark mode. För Saldokvars profilfooter i dark theme.

Färger

Ink
#241F1B
Text & primär
Sand
#F1E8D9
Sekundär bg
Cream
#FBF6EE
Primär bg
Amber
#E89A4C
Accent (prick)
Coral
#E0573B
Accent (prick)
Teal
#2E8B80
Accent (prick)
Olive
#A9A86A
Accent (prick)
Clay
#BB6B45
Accent (prick)

Ink + Sand/Cream är basen. Accentfärger används endast som prick i symbolen — aldrig som stora ytor.

Typografi

Familjen Grotesk — svensk grotesk, gratis via Google Fonts. Bär hela varumärket. Bold 700 för loggan, SemiBold 600 för rubriker, Regular 400 för brödtext.

App-ikoner

Sex storlekar per variant (48/120/180/192/512/1024 px). Klicka en storlek för att öppna PNG.

Mörka — Ink-bg + Sand-staplar

För iOS-hemskärm och Android-launcher (där icon mask:as).

Lotakt Amber
Amber
6 storlekar · PNG
Lotakt Coral
Coral
6 storlekar · PNG
Lotakt Teal
Teal
6 storlekar · PNG
Lotakt Olive
Olive
6 storlekar · PNG

Ljusa — Sand-bg + Ink-staplar

Default (Amber-prick) + per-app accent-varianter.

Lotakt Light · Amber (default)
Light · Amber (default)
6 storlekar · PNG
Lotakt Light · Clay
Light · Clay
6 storlekar · PNG
Lotakt Light · Coral
Light · Coral
6 storlekar · PNG
Lotakt Light · Teal
Light · Teal
6 storlekar · PNG
Lotakt Light · Olive
Light · Olive
6 storlekar · PNG

Favicons

Mörk = klassisk svart mark på transparent bg. Ljus = Sand-bg + Ink-mark (för dark mode browser-tabs).

Favicon dark 16px16×16Favicon dark 32px32×32Favicon dark 64px64×64
Favicon light 16pxLjus 16×16Favicon light 32pxLjus 32×32Favicon light 64pxLjus 64×64