Bakom Vindictive.
En närmare titt på hur vi tänker, designar och bygger.
Scrolla för att öppna
Vindictive Studios
2026
Version 1.0 — Oktober 2026
Bakom varumärket
Identitet · Principer · Design · Utveckling
Introduktion
Den här guiden beskriver hur Vindictive Studios ser ut, låter och känns. Den finns till för att allt vi gör, från en offert till en lansering, ska kännas som samma studio.
Vad det är
Ett gemensamt underlag för vår identitet: logotyp, färger, typografi, grafiska element och hur vi skriver.
Varför
Ett varumärke byggs i detaljerna. När varje yta följer samma regler känns studion större, tryggare och mer genomtänkt än summan av delarna.
Hur den används
Använd guiden när du designar, skriver eller tar fram material för Vindictive. Är du osäker, välj det enklare alternativet och fråga oss.
01 / Studion
Vilka vi är.
Vindictive är en grundarledd design- och utvecklingsstudio som drivs av Joel och Christian, båda fullstackutvecklare.
Vi designar och bygger allt själva, från hemsidor till mjukvara och appar, och det är oss du har kontakt med från första samtalet till lansering.
- grundare, båda fullstackutvecklare
- 2
- mellanhänder mellan dig och dem som bygger
- 0
- sätt att jobba med oss
- 3
Vår positionering
Vi designar digitala upplevelser och bygger systemen bakom.
Premiumhemsidor, skräddarsydd mjukvara, appar och utvecklingskompetens för företag med ambitioner.
Du pratar med dem som bygger.
02 / Principer
Det vi tror på.
Fyra principer styr hur vi designar, bygger och pratar med kunder. De är också måttstocken när vi tar fram nytt material.
01
Inga mellanhänder
Inga säljare eller projektledare emellan. Samma personer designar, bygger och svarar på dina mejl.
02
Rakt och begripligt
Fast pris, tydliga steg och inga veckor av fram och tillbaka innan något byggs.
03
Design med karaktär
Hemsidor och produkter som gör ert varumärke till en bättre digital upplevelse, inte till ännu en mall.
04
Byggt för att hålla
Allt vi bygger ska kunna växa: snabbt, tillgängligt och enkelt att vidareutveckla när verksamheten förändras.
03 / Vad vi bygger
Tre sätt att jobba med oss.
Köp ett hemsidepaket online, bygg en produkt med oss eller ta in våra utvecklare i ert team. Samma personer designar, bygger och svarar på dina mejl.
Hemsidor med karaktär, som gör ert varumärke till en bättre digital upplevelse.
Hemsidor och webbshoppar med design i fokus. Paket till fast pris som du köper online.
Från första prototyp till produktionsklar mjukvara.
Webbappar, SaaS, MVP:er och mobilappar – nya eller vidareutveckling av befintliga.
Utvecklarkapaciteten ni behöver, utan att bygga ett team från noll.
Utvecklare till ert team när ni behöver dem och white label-utveckling för byråer.
Arkitektdesign, en av sajterna vi har byggt
04 / Röst och ton
Vi skriver som vi pratar.
Vi skriver som vi pratar med en kund i ett första samtal: rakt, personligt och utan byråspråk.
Skalorna visar var vår röst ligger mellan två ytterligheter. Rösten är densamma överallt, men tonen kan skifta lite mellan en offert och ett inlägg i sociala medier.
Tonalitet
- Formell till Personlig: närmare Personlig
- Säljig till Saklig: närmare Saklig
- Teknisk till Begriplig: närmare Begriplig
- Försiktig till Självsäker: närmare Självsäker
- Lekfull till Allvarlig: närmare Lekfull
- Ordrik till Kortfattad: närmare Kortfattad
Så låter vi.
Rak
Vi säger vad vi menar med så få ord som möjligt. Korta meningar och konkreta löften.
”Fast pris. Tydliga steg. Inga överraskningar.”
Personlig
Vi skriver i vi-form och tilltalar läsaren med du. Det är människor som bygger, inte en byrå.
”Du pratar med dem som bygger.”
Självsäker
Vi vet vad vi gör och behöver inte överdriva det. Inga superlativ, inga modeord.
”Något ambitiöst i tankarna? Vi bygger det.”
Vi undviker:
Banbrytande helhetslösningarVi säger: Berätta om ditt projekt
Vi undviker:
Vi tar ert varumärke till nästa nivåVi säger: Vi återkommer med frågor och ett förslag
Vi undviker:
Synergier och best practiceVi säger: Samma personer designar och bygger
Vi undviker:
Kontakta vår säljavdelningVi säger: Fast pris som du köper online
05 / Märket
Fyra noder. Ett flöde.
Märket består av fyra noder som hänger ihop i en obruten linje, som en idé som går från skiss via design och kod till lansering. Det är vårt arbetssätt i en form: design och teknik i samma flöde.
Märket kan stå ensamt när utrymmet är litet eller avsändaren redan är tydlig, till exempel som favicon, appikon eller profilbild.
Idé → Design → Kod → Lansering
Primär logotyp
Den stående logotypen är vår primära avsändare. Märket står centrerat över ordbilden VINDICTIVE STUDIOS, satt i Uxum Bold med versaler och lätt spärrning. Logotypen ritas aldrig om: använd alltid originalfilen.
Frizon och minsta storlek
Frizonen runt logotypen är minst x, där x är diametern på en nod i märket. Inget annat element – text, bild eller kant – får komma innanför zonen.
Minsta storlek
- Märket, digitalt
- 24 px
- Märket, tryck
- 8 mm
- Logotypen, digitalt
- 120 px
- Logotypen, tryck
- 30 mm
Under 120 px bredd används märket ensamt, utan ordbild.
06 / Färg
Primärpalett.
Paletten kommer från webbplatsen: en mörk natthimmel, benvit text och en varm glöd som accent. Namnen inom parentes är tokens i koden.
| Färg | HEX | RGB | CMYK |
|---|---|---|---|
| Natt(night) | 1 7 26 | 96 73 0 90 | |
| Djup(deep) | 7 14 38 | 82 63 0 85 | |
| Glöd(brand) | 226 154 95 | 0 32 58 11 | |
| Benvit(bone) | 236 239 244 | 3 2 0 4 | |
| Dimma(fog) | 139 147 167 | 17 12 0 35 | |
| Ljus glöd(brand-soft) | 240 181 133 | 0 25 45 6 |
Klicka på en färg för att kopiera dess HEX. CMYK-värdena är omräknade från RGB och bör provtryckas innan större tryckjobb.
Logotypfärger och gradienter.
Märket finns i fler färger än webbpaletten. Använd dem för märket och logotypen, till exempel på tryck, profilbilder och omslag, men inte som ytfärger i layouter.
Marin
#223948 · RGB 34 57 72
Sand
#AC987F · RGB 172 152 127
Sunset · #F9B745 → #CB2D43
Roséguld · Fem stopp: #FFDBCB · #DAA197 · #99655C · #FFC9BF · #C68E85
På ljus bakgrund
Marin — #223948
Svart — #000000
Sunset — Gradient
På mörk bakgrund
Sand — #AC987F
Vit — #FFFFFF
Roséguld — Gradient
07 / Typografi
Uxum.
Uxum Grotesque · 3 vikter
Reserv i webbläsare: ui-sans-serif, system-ui, sans-serif
Stora rubriker, citat och siffror.
Uxum Grotesque är vårt enda typsnitt. Det används för rubriker, brödtext och gränssnitt, på webben och i tryck. En familj räcker: kontrasten skapas med storlek och vikt, inte med fler typsnitt.
Typografisk skala
Storlekarna kommer från webbplatsens skala, som bygger på Bringhurst: 14 · 16 · 18 · 21 · 24 · 36 · 48 · 60 · 72+. Rubriker spärras tätt, brödtext får luft.
Display XLLight · 116 px · 0,95 · −3,5 %
Vi bygger det.
Display LGLight · 76 px · 1 · −3 %
Premiumhemsidor
Display MDLight · 52 px · 1,05 · −2,5 %
Digitala produkter
RubrikRegular · 24 px · 1,2 · −1 %
Tre sätt att jobba med oss
IngressRegular · 21 px · 1,55
Fast pris, ett litet team och ingen mellanhand.
BrödtextRegular · 16–17 px · 1,6–1,75
Vi designar och utvecklar allt själva, från hemsidor till mjukvara och appar.
EtikettBold · 11–12 px · +20 % spärr
Starta ditt projekt
Displaystorlekarna visas nedskalade till sidan.
08 / Grafik och rörelse
Grafiska element.
Stjärnfältet
Små punkter i olika ljusstyrka ger djup åt mörka ytor, som på webbplatsen. Används på omslag och avsnittssidor, aldrig bakom brödtext.
Noder och linjer
Märkets noder kan brytas ut till processer, tidslinjer och diagram: punkter som binds ihop av en linje.
Hårlinjer
Innehåll delas upp med tunna linjer i benvitt på 10 % opacitet. Inga tjocka ramar eller skuggor.
Kurvan cubic-bezier(0.16, 1, 0.3, 1): snabb start, mjuk landning
Rörelse
Animationer startar snabbt och landar mjukt. Respektera alltid användarens inställning för minskad rörelse.
09 / I praktiken
Tillämpningar.
Webbplats
Något ambitiöst i tankarna? Vi bygger det.
vindictive-studios.se
Sociala medier
Joel
Grundare, fullstackutvecklare
hello@vindictive-studios.se
vindictive-studios.se
Visitkort, fram- och baksida
Christian
Partner, fullstackutvecklare, Vindictive Studios
vindictive-studios.se
E-postsignatur