Grafisk profil

Så ser Starris ut.

Logotyp, färger och typografi för Starris Holding AB. Här finns allt du behöver för att använda varumärket på webben, i tryck och i presentationer.

Ladda ner alla logotyper (zip)

Logotyp

Ordbilden starris i gemener, där pricken över i:et är en fyruddig guldstjärna, följt av holding. Den liggande versionen är huvudlogotyp. Alla filer finns som SVG (vektor, för webb och tryck) och PNG (transparent bakgrund).

Liggande

Liggande logotyp på ljus bakgrund
Ljus bakgrundSVGPNG
Liggande logotyp på mörk bakgrund
Mörk bakgrundSVGPNG

Stående

Används när ytan är mer kvadratisk, till exempel i rutor, på kläder och i sociala medier.

Stående logotyp på ljus bakgrund
Ljus bakgrundSVGPNG
Stående logotyp på mörk bakgrund
Mörk bakgrundSVGPNG

Enfärgad

För enfärgstryck, gravyr, stämplar, vattenstämplar och sammanhang där guldfärgen inte kan återges. Hela logotypen, inklusive stjärnan, i en färg.

Enfärgad liggande logotyp i midnatt
Liggande, midnattSVGPNG
Enfärgad liggande logotyp i vitt
Liggande, vitSVGPNG
Enfärgad stående logotyp i midnatt
Stående, midnattSVGPNG
Enfärgad stående logotyp i vitt
Stående, vitSVGPNG

Symbol och ikon

Stjärnan kan stå ensam där ordbilden inte får plats: favicon, profilbild, appikon eller som grafiskt element. Ikonen är en kvadrat i midnatt med guldstjärnan, anpassad för plattformar som själva rundar eller beskär bilden.

Guldstjärnan
Symbol, guldSVGPNG
Stjärnan i midnatt
Symbol, midnattSVGPNG
Stjärnan i vitt
Symbol, vitSVGPNG
Ikon: guldstjärna på midnattsblå kvadrat
Ikon, 1024 pxSVGPNG

Så används logotypen

Några enkla regler som gör att logotypen alltid känns igen.

Friyta

Håll ett avstånd runt logotypen som minst motsvarar stjärnans höjd. Där får ingen text eller grafik komma in.

Minsta storlek

  • Liggande: 120 px bred på skärm, 30 mm i tryck.
  • Stående: 70 px bred på skärm, 18 mm i tryck.
  • Symbol: 16 px på skärm, 5 mm i tryck.

Bakgrund

Använd versionen för ljus bakgrund på gryning och vitt, versionen för mörk bakgrund på midnatt och fotografier med mörk ton. Lägg aldrig logotypen på en rörig bakgrund.

Gör inte

  • Sträck, vrid eller skeva inte logotypen.
  • Byt inte färg på ordbilden eller stjärnan. Använd enfärgsversionen när guld inte kan återges.
  • Flytta inte stjärnan och sätt inte den vanliga pricken tillbaka över i:et.
  • Lägg inte till skuggor, konturer eller effekter.
  • Skriv inte om ordbilden med annat typsnitt.

Färger

Natthimlen är grunden: midnatt som mörk yta, gryning som ljus yta och stjärnguld som enda starka accent. Guld används sparsamt, till stjärnan, knappar och det som ska lysa.

Midnatt#161C39 · 22 28 57Primär mörk yta
Midnatt djup#10152C · 16 21 44Sidfot, djupare ytor
Bläck#262B4D · 38 43 77Text på ljus botten
Stjärnguld#F0B429 · 240 180 41Accent, stjärnan
Guld ljus#FFD066 · 255 208 102Hover, glöd
Gryning#FAF8F2 · 250 248 242Ljus yta
Gryning djup#F1EDE2 · 241 237 226Linjer, ramar
Skymning#8E96D8 · 142 150 216Sekundär accent
Skymning ljus#B9BFEA · 185 191 234Dämpad text på mörkt
Vit#FFFFFF · 255 255 255Text på mörkt, kort

Typografi

Tre typsnitt med tydliga roller. Alla är öppna och finns på Google Fonts, så de fungerar lika i webb, dokument och presentationer.

Rubriker
Vi bygger bolag som lyser.
Bricolage Grotesque

Bold (700) för rubriker, negativ knipning (-0,02 em). Ger karaktär och lekfullhet.

Brödtext
Vi utvecklar egna SaaS-bolag, investerar i och stöttar andra bolag med rådgivning, coachning och konsultinsatser.
Instrument Sans

Regular (400) för löptext, Medium (500) och Semibold (600) för betoning. Läsbart och professionellt.

Etiketter
Starris Holding AB · Org.nr 559199-1707
IBM Plex Mono

Versaler med spärrning (0,14 em) för etiketter, avsändare, org.nr och taggar.

<link href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,700&family=Instrument+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet">

:root{
  --midnatt:#161C39; --midnatt-djup:#10152C; --black:#262B4D;
  --guld:#F0B429; --guld-ljus:#FFD066;
  --gryning:#FAF8F2; --gryning-djup:#F1EDE2;
  --skymning:#8E96D8; --skymning-ljus:#B9BFEA; --vit:#FFFFFF;
  --display:'Bricolage Grotesque', sans-serif;
  --body:'Instrument Sans', sans-serif;
  --mono:'IBM Plex Mono', monospace;
}