Varumärket · levande riktlinjer
Vi gör svåra jobb enklare.
By Hugo! är den gemensamma signaturen för praktiska produkter från Hugo & Friends. Verktyg vi själva behöver, byggda nära jobbet och gjorda tillgängliga för fler.
Vår övertygelse
Bra företagsmjukvara ska vara begriplig nog att börja använda direkt och robust nog att lita på varje dag.
Vi börjar inte med en teknisk möjlighet och letar efter ett problem. Vi börjar med ett arbete som är onödigt svårt, långsamt eller otydligt – och bygger den kortaste vägen till ett bättre sätt.
By Hugo! ska kännas mänskligt, rakt och pålitligt. Kompetent utan att vara högljutt. Ambitiöst utan att lova mer än produkten faktiskt gör.
Fyra principer
Så bygger vi förtroende.
Principerna styr både produkterna och kommunikationen. De hjälper oss att välja bort sådant som ser bra ut men inte gör jobbet bättre.
- 01
Börja med ett riktigt jobb
Utgå från en uppgift någon faktiskt behöver få gjord, inte från teknik för teknikens skull.
- 02
Gör vägen kort
Ta bort steg, översätt fackspråk och låt nästa handling vara självklar.
- 03
Äg viktig teknik
Bygg kontroll där integritet, kvalitet och svensk kontext kräver det.
- 04
Driv det vi bygger
Ta ansvar efter lanseringen. Tillgänglighet, support och förbättring är en del av produkten.
By Hugo!
Namn och arkitektur
En signatur, inte en uniform.
By Hugo! är vårt gemensamma avsändarlöfte. Utropstecknet hör till namnet och signalerar framåtrörelse – aldrig att vi skriker.
Hugo & Friends AB är bolaget bakom. Varje produkt får bära den identitet som passar sitt jobb, medan ursprung, kvalitet och ansvar hänger ihop genom By Hugo!.
AvsändareBy Hugo!Gemensamt löfte
Produkter10 uttryckEtt tydligt jobb var
Juridiskt bolagHugo & FriendsÄger och driver
By Hugo! brandkit
Moderbrandets original.
Använd By Hugo! när bolaget, portföljen eller vårt gemensamma avsändarlöfte är huvudbudskapet. Filerna här är de godkända originalen för digital kommunikation.
Riktlinjer och data
Färgvärden, CSS-tokens, typsnittshierarki och regler kommer direkt från samma versionshanterade källa som originalen.
Tonalitet
Lugn, rak och mänsklig.
Vi låter som en kunnig kollega som vill få arbetet framåt. Vi använder vanliga ord, konkreta verb och berättar tydligt vad som har hänt – och vad som inte har hänt ännu.
Begriplig
Förklara så att läsaren kan agera utan att först lära sig vårt fackspråk.
Precis
Säg vad produkten gör, för vem och i vilket läge. Undvik vaga superlativ.
Varm
Skriv till en människa, inte en målgrupp. Hjälpsamt får gärna ha personlighet.
Ärlig
Gör begränsningar och status synliga. Säg aldrig klart när något bara är förberett.
”Förslaget är klart att granska. Inget har bokförts.”
Tydlig status, enkelt språk och kontroll hos användaren.
”AI:n har löst ekonomin åt dig.”
Oprecist, överdrivet och otydligt om vad som faktiskt har hänt.
Visuellt system
Varm precision.
Ett lugnt, redaktionellt grundsystem ger innehållet plats. Plommon står för tyngd, orange för handling och de ljusa tonerna håller helheten mänsklig.
01
Färg
Använd färg med en tydlig funktion. Orange visar riktning och handling – den fyller inte hela ytor.
Register
#2B1734 · RGB 43 23 52
CMYK 17 56 0 80
Stämpel
#FF6B35 · RGB 255 107 53
CMYK 0 58 79 0
Arkiv
#F4F0E8 · RGB 244 240 232
CMYK 0 2 5 4
Krita
#FFFDF7 · RGB 255 253 247
CMYK 0 1 3 0
Bläck
#261D28 · RGB 38 29 40
CMYK 5 28 0 84
Mossa
#436956 · RGB 67 105 86
CMYK 36 0 18 59
02
Typografi
Tre familjer räcker. Hierarkin ska synas innan texten behöver läsas.
Display 64–96 px · H1 48–72 px · H2 36–52 px · H3 20–28 px
Ingress 18–22 px · Brödtext 16–18 px · Detalj 12–14 px
11–13 px · Versaler sparsamt · Generös teckenluft
Luft före dekoration
Använd tydliga rutnät, generösa marginaler och få nivåer per vy. En viktig sak ska alltid vinna.
Enkla och geometriska
Ikoner förklarar funktion. Håll samma linjevikt och undvik illustrationer som bara fyller tomrum.
Visa samband
Rörelse får hjälpa orienteringen och ge återkoppling. Ingen studs, inget glow och aldrig rörelse utan syfte.
Produktfamiljen
Tio produkter.
Egna uttryck.
Varje produkt har ett tydligt jobb och får därför sin egen identitet. Här finns webbklara original; primärlogotypen är alltid förstahandsvalet.
Försäljning och CRM
GoHugo
Marknadsdata, försäljningsanalys och CRM i en arbetsyta.
Svensk företagsdata
BolagsAPI
Svenska företagsdata, samlade.
Produktinformation och PIM
Pimble
Produktdata från Fortnox till GS1 och Validoo, utan kalkylblad som mellanlager.
Företagsekonomi och AI
Rekly
Din ekonomi, på ren svenska.
Nätverksinfrastruktur
ProxyAPI
Svensk proxykapacitet genom en förutsägbar anslutning.
Identitet och åtkomst
Auth by Hugo
Svensk identitet, inloggning och signering som en driftad tjänst.
Privat AI-infrastruktur
Hamn AI
Privat AI med kontroll över data, modeller och drift.
Digital avtalssignering
Avtalsklart
Förbered avtalet. Samla signaturerna. Klart.
Publik företagssökning
BolagsSök
Svenska företag och relationerna runt dem, tydligt samlade.
Driftinsyn
By Hugo! Status
Aktuell driftstatus, historik och svarstider för By Hugo!-tjänsterna.
Logotypregler
Ge märket plats att fungera.
Reglerna gäller By Hugo! och hela produktfamiljen. Kontakta oss när ett format kräver en specialanpassning.
- 01
Använd originalen
Återskapa inte ordmärken med vanlig text och förändra aldrig proportionerna.
- 02
Lämna luft
Håll minst en fjärdedel av symbolens bredd fri runt logotypen.
- 03
Respektera minsta storlek
Ordmärket ska vara minst 96 px digitalt eller 25 mm i tryck. Symbolen minst 24 px eller 8 mm.
- 04
Välj rätt kontrast
Använd primärvarianten på ljusa ytor och inverterad logotyp på mörka.
- 05
Låt bli effekterna
Ingen gradient, glow, dekorativ skugga, rotation eller extra badge.
- 06
Håll isär märken
Skapa inte nya kombinationslogotyper. Låt avsändare och produkt stå som separata märken.
Använd varumärket rätt
Press, partnerskap eller produktion?
Berätta var materialet ska användas så hjälper vi till med rätt original, filformat och tillämpning. Vi granskar gärna en skiss innan publicering.
Prata med oss →