Varumärke & material

HubMind resurscenter

Varumärke & material

Godkänt material för partners, presentationer, offerter, sociala kanaler och konsultförmedling. Hitta rätt fil, kopiera rätt text och gå vidare.

HubMind - connecting innovations

Vad behöver du?

Välj efter användning. Du behöver inte känna till filformaten i förväg.

1

En logotyp till dokument eller webb

Använd huvudmärket i SVG när det går. PNG är reservformatet för Office och system som inte tar SVG.

2

Material för LinkedIn eller möten

Hämta färdiga format för företagssida, e-post och videomöten utan att beskära logotypen själv.

3

Presentera och utvärdera HubMind

Hämta en färdig bolagspresentation eller kopiera godkänd bolagstext. Expertprofiler och CV finns separat som stöd för kompetensbedömning.

Godkända logotyper

Behåll proportioner och friyta. Ändra inte färger, rotera inte märket och sätt inte egen text direkt intill symbolen.

Huvudmärke

Huvudmärke

TransparentVektor
Logotyp med text

Logotyp med text

Mörk bakgrundVektor
Horisontell logotyp

Horisontell logotyp

Ljus bakgrundVektor
Connecting innovations

Connecting innovations

Ljus bakgrundVektor
Logotyp med domän

Logotyp med domän

hubmind.seVektor
Inramad logotyp

Inramad logotyp

Ljus bakgrundVektor
Reverserad logotyp

Reverserad logotyp

Mörk bakgrundVektor
Gråskala

Gråskala

Ljus bakgrundVektor
Kompakt symbol

Kompakt symbol

KvadratiskBild

Färg, typografi & användning

Den digitala HubMind-identiteten utgår från djup marinblå, teknisk blå och signalgrön. De ljusare stöd- och accentfärgerna skapar variation i presentationer och kampanjmaterial.

Color of space#04194E
Teknisk blå#27557D
Signalgrön#17A398
Teknisk skiffer#596B7D
Ljus yta#F3F7FA
Teknisk is#DCE8EF
Ljus mint#CDEFE8
Signal korall#E56B5D
Varm signal#F2C14E

Kärnlogotyp: använd alltid marinblå, teknisk blå, grön eller vit. Korall och gul är stödaccent för diagram, markeringar och kampanjytor, aldrig ersättningsfärger i märket.

Typografisk riktning

Manrope är huvudfont för gränssnitt, brödtext och rubriker. Playfair Display italic används sparsamt som uttrycksfull rubrikaccent. MuseoModerno är reserverad för logotypen och små tekniska etiketter, aldrig längre rubriker eller brödtext. HubMind-ordmärket ska alltid användas som vektor och aldrig skrivas om med en font.

Gör så här

  • Ge märket friyta motsvarande minst en nodpunkt.
  • Använd SVG för webb, tryckoriginal och stora format.
  • Säkerställ tydlig kontrast mot bakgrunden.
  • Återskapa inte logotypen med annan font.
  • Lägg inte skuggor, konturer eller nya färger på märket.

Typskala

Använd konsekventa steg och radavstånd i webb, presentationer och PDF-material.

Display / H172px / 0.96
Section / H248px / 1.04
Card / H324px / 1.20
Body16px / 1.65
Label / metadata12px / 1.40

Avstånd & rutnät

Utgå från en 8 px-enhet och dessa återkommande mått.

8pxBase unit
24 / 32pxComponent padding
62 / 88pxMobile / desktop section
680 / 1040 / 1160pxReading / content / strip

Ikoner för kompetensområden

En tunn linjeikon per kompetensområde ger struktur utan att ersätta innehåll eller fotografi.

Teknisk strategi
Krav & styrning
Information & data
Arkitektur & systemdesign
Integration & säkerhet
Automation & drift

Använd 24 px ikoner med 1,5 px linje, rundade linjeändar och en färg. Ingen fylld illustration, skugga eller dekorativ bakgrund.

Tillämpningsregler

Funktionsregler för nya sidor, sektioner och dokument. Evolution-kontraktets raka redaktionella ytor och tekniska etiketter har företräde.

Färgroller

FärgHexPrimär roll
Color of space#04194EMörka sektioner, primär CTA på ljus yta och navigation.
Teknisk blå#27557DSekundära mörka ytor, kanter och hoverlägen.
Signalgrön#17A398Länkar, ikoner, rubrikaccent, regler och tekniska etiketter.
Teknisk skiffer#596B7DSekundär text, bildtexter, metadata och stödjande beskrivningar.
Ljus yta#F3F7FALjusa sektionsband och kortytor.
Teknisk is#DCE8EFDiskreta avdelare, sekundära kanter och alternerande tabellrader.
Ljus mint#CDEFE8Mjuka accenter, numrerade band och markerade ytor.
Signal korall#E56B5DDiagram, callouts och kampanjaccent; aldrig navigation eller primärt UI.
Varm signal#F2C14EDiagram, callouts och kampanjaccent; aldrig navigation eller primärt UI.

På ljusa ytor: #111111 för primär text och #596B7D för sekundär text. På marinblå ytor: vitt, rgba(255,255,255,.70) och signalgrönt i motsvarande roller.

Vikter och stil

NivåStorlek / radFontVikt
Display / H172px / 0.96Manrope400
Sektion / H248px / 1.04Manrope500
Kort / H324px / 1.20Manrope600
Brödtext16px / 1.65Manrope400
Etikett / metadata12px / 1.40MuseoModerno eller Manrope600

Playfair Display italic används sparsamt för en slutfras eller ett nyckelord i H1 eller H2, alltid signalgrön och högst en gång per synlig sektion. Aldrig i brödtext, navigation, knappar eller bildtexter. MuseoModerno reserveras för korta tekniska etiketter och numrering. Bokstavsavstånd är alltid 0.

Mörka och ljusa sektioner

Ljus sektion

  • Primär text #111111; sekundär text teknisk skiffer.
  • Etiketter och ikoner i signalgrönt.
  • Primär CTA: marinblå fyllning, vit text, 0–2 px radie.
  • Avdelare: signalgrön 2 px eller redaktionell linje 1 px.

Mörk sektion

  • Primär text vit; sekundär text 70 % vit.
  • Etiketter och ikoner i signalgrönt.
  • CTA: signalgrön kontur på transparent yta.
  • Invändiga ytor: 5 % vitt med diskret grön kant.

Placera aldrig en marinblå knapp på marinblå bakgrund. Textknappar är raka redaktionella kontroller, inte piller.

Fotografi och bildspråk

Bildspråket ska kommunicera teknisk auktoritet, beställarperspektiv och verkliga industri- eller anläggningsmiljöer. Fotografier ska kännas som belägg för arbetet, inte generiska illustrationer av affärsliv.

  • Använd: produktionsmiljöer, kontrollrum, infrastruktur och tekniska anläggningar; personer som granskar underlag, driver system eller går en site; naturliga stål-, blågrå- och maskintoner.
  • Undvik: tecknade ersättningsbilder, generiska kontor, poserade möten, startup-estetik, synliga tredjepartslogotyper och onödigt dramatisk ljussättning.
  • Teknik: tvåkolumnsbilder ska vara liggande 4:3 eller 3:2. Lös mötet med text genom beskärning och komposition; gradientöverlägg är inte standard.

Sektionsmönster

01 · Mörk hero

Marinblå helbreddsyta med diskret tekniskt rutnät, H1, ingress och högst två CTA.

02 · Text + bild

Ljus yta, cirka 45/55, beställarnära text och verkligt industrifotografi.

03 · Tjänsteaccordion

Marinblå lista med områdesnummer, H3, beskrivning och tydlig fördjupningslänk.

04 · Numrerat band

Ljus mint, fyra jämna kolumner, tunna avdelare, nummer, rubrik och kort resultattext.

05 · Avslutande CTA

En fokuserad kolumn med etikett, H2, kort stödtext och en tydlig handling före sidfoten.

Färdiga texter

Kopiera, klistra in och anpassa bara den omgivande meningen. Kärnbeskrivningen ska behållas.

HubMind, kort

HubMind är en oberoende teknisk partner på beställarsidan för industri och komplexa anläggningar. Vi hjälper anläggningsägare att skapa kontroll över system, information, krav och ansvar genom hela livscykeln.

HubMind, presentation

HubMind AB stödjer anläggningsägare i skärningspunkten mellan automation, IT/OT, systems engineering och teknisk information. Vi omsätter verksamhetsbehov till tydliga krav, hållbara arkitekturer och genomförbara leveranser, från tidig strategi och upphandling till verifiering, driftsättning och långsiktig förvaltning.

HubMind, upphandling & kvalificering

HubMind AB är en oberoende teknisk partner på beställarsidan med kompetens inom teknisk strategi, systems engineering, kravhantering, IT/OT, automation, integration och teknisk information. Bolaget stödjer komplexa industri- och anläggningsmiljöer från tidiga vägval och upphandling till verifiering, driftsättning och långsiktig förvaltning.

Nedladdningsbibliotek

Paket för snabb användning och enskilda original för den som behöver ett exakt format.

Bolagspresentation

Professionell introduktion för beställare och partners. Välj färdig PDF eller redigerbar PowerPoint.

Komplett logotyppaket

Original, horisontella varianter, tagline, domän, ram, reverserad, PNG och gråskala.

Ladda ner paket

Digitalt kanalpaket

LinkedIn, e-post och en lugn ljus mötesbakgrund.

Ladda ner paket

Expertprofiler & CV

Individuella meriter och strukturerade profilformat för resurs- och kompetensbedömning.

Ladda ner paket

MuseoModerno fontpaket

Normal och kursiv variabel font, vikt 100–900, med SIL Open Font License.

Ladda ner paket

Original brand guideline

Det ursprungliga PDF-underlaget från designleveransen.

Öppna PDF

Behöver du ett nytt format? Utgå från originalfilerna här i stället för att spara bilder från webbsidor. Bolaget är alltid avsändaren; expertprofiler används bara för att styrka tillgänglig kompetens.

Texten är kopierad
Kontakta oss