Eget bolag · Visuell identitet
Visuell identitet för soda
Vi är två i soda, ett bolag för design och kod. Det ska kännas som en byrå och inte som två frilansare, och identiteten fick bära en stor del av det.
Jag prövade surrealistiska skisser och en aurora med glas och 3D innan jag landade i tomat, oxblod, smör och sardin. Den sista riktningen var den som fungerade lika bra på en offert som i en hero.
- Typ
- Eget bolag
- Roll
- Art direction, identitet och mallar
- Leveranser
- Brandguide, designsystem, sajt och mallar
- Tid
- September till oktober 2026
01Caset på 30 sekunder
Utmaningen
Ett litet bolag som ska kännas större.
Greppet
Färre effekter, fler regler.
Resultatet
En guide och ett system.
02Riktningen
Det enkla vann.
Valt
Tomat, fyra platta färger och en serif.
Fungerar i tryck, på sociala medier och i en app utan att något behöver renderas. Värmen kommer från bilderna och inte från effekterna.
Moodboard · Tre startsidor · En vald
Vägar jag valde bort
01
Surreal och eterisk, september
Fyra versioner. Ingen av dem valdes.
02
Aurora med glas och 3D, oktober
Varje yta krävde en rendering i Blender. Snyggt i en hero, tungt i en mall.
En ny moodboard med varma 35 mm-bilder, organiska former och redaktionella layouter. Tre startsidor byggdes i den nya paletten och den tredje valdes, sektion för sektion.
03Färgen
Tomat är en yta, aldrig en text.
Oxblod bär texten och de mörka ytorna. Tomat, smör och sardin är ytor och allt som ligger på dem är oxblod.
Vit text på tomat ger 2,88:1 och tomat som text på creme 2,69:1. Båda är underkända, så regeln är skriven in i systemet och inte i en lista man ska komma ihåg.
Palett
Tomat
Oxblod
Smör
Sardin
Creme
04Typografin
Kursiven gör jobbet.
Instrument Serif i rubriker med ett kursivt accentord, Instrument Sans i brödtext och ordbilden soda i Cal Sans.
Kursiv bredvid rak text såg ut att sakna mellanrum. Kursiven får därför 8 % extra luft på båda sidor, i Figma och i koden.
- Rubriker
- Instrument Serif, kursiv för accentord
- Brödtext
- Instrument Sans
- Ordbild
- Cal Sans
- Radavstånd rubrik
- 104 %, höjt från 88 % när j och å krockade
05Brandguiden
21 sidor som går att använda.
Namnet, logotypen, färg och balans, typografi, bildspråk, tonen och hur soda syns i olika kanaler. De grafiska elementen i guiden är riktiga komponenter ur designsystemet och inte bilder av dem.
06Rösten
Två som låter som en byrå.
soda är två personer och skriver i vi-form. Storleken visas genom struktur: en tydlig process, raka svar och löften som går att hålla.
Inga påhittade kollegor och inga lånade citat. Omdömena på sajten väntar på riktiga kunder.
07I användning
Samma regler överallt.
Sajten, offertmallen, byråpresentationen, de sociala mallarna, mejlsignaturen och tidsappen bygger på samma färger och samma regel för text på färg.
08Det som återstår
Fungerar
Identiteten håller i tryck, på skärm och i en app.
Kontrastregeln följer med in i varje mall.
Bolaget låter som ett bolag.
Kvar
Visitkort och tryck väntar tills logotypen är helt klar.
Frizon och minsta storlekar ska prövas i tryck.
Mörkt läge är preliminärt.