Brand & Materials

HubMind resource centre

Brand & materials

Approved material for partners, presentations, proposals, social channels and consultant submissions. Find the right file, copy the right text and move on.

HubMind - connecting innovations

What do you need?

Choose by use case. You do not need to know the file formats beforehand.

1

A logo for a document or website

Use the primary SVG whenever possible. PNG is the fallback for Office and systems that do not accept SVG.

2

Material for LinkedIn or meetings

Use the prepared company-page, email and video-call formats without cropping the mark yourself.

3

Introduce and evaluate HubMind

Download a ready-made company introduction or copy approved company text. Expert profiles and resumes are separate evidence for capability assessment.

Approved logos

Keep proportions and clear space. Do not recolour, rotate, or place improvised text directly beside the symbol.

Primary mark

Primary mark

TransparentVector
Logo with text

Logo with text

Dark backgroundVector
Horizontal logo

Horizontal logo

Light backgroundVector
Connecting innovations

Connecting innovations

Light backgroundVector
Domain lockup

Domain lockup

hubmind.seVector
Framed lockup

Framed lockup

Light backgroundVector
Reversed lockup

Reversed lockup

Dark backgroundVector
Grayscale

Grayscale

Light backgroundVector
Compact symbol

Compact symbol

SquareImage

Colour, typography & use

HubMind’s digital identity is built around deep space navy, technical blue and signal green. Lighter support and accent colours add range to presentations and campaign material.

Color of space#04194E
Technical blue#27557D
Signal green#17A398
Technical slate#596B7D
Light surface#F3F7FA
Technical ice#DCE8EF
Pale mint#CDEFE8
Signal coral#E56B5D
Warm signal#F2C14E

Core logo: keep the mark navy, technical blue, green or white. Coral and yellow are supporting accents for diagrams, highlights and campaign surfaces, never replacement colours in the mark.

Typographic direction

Manrope is the primary face for UI, body copy and headings. Playfair Display italic is used sparingly as an expressive heading accent. MuseoModerno is reserved for the logo and small technical labels, never long headings or body copy. Always use the HubMind wordmark as vector artwork; never retype it with a font.

Use it this way

  • Leave clear space of at least one node around the mark.
  • Use SVG for web, print masters and large formats.
  • Maintain clear contrast against the background.
  • Do not recreate the lockup with another font.
  • Do not add shadows, outlines or new colours to the mark.

Type scale

Use consistent steps and line heights across web, presentations and PDFs.

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

Spacing & grid

Use an 8px base unit and these recurring dimensions.

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

Service-area icons

One thin-line icon per service area provides structure without replacing content or photography.

Technical strategy
Requirements & governance
Information & data
Architecture & system design
Integration & security
Automation & operations

Use 24px icons with a 1.5px stroke, rounded line caps and one colour. No filled illustration, shadow or decorative container.

Application rules

Functional rules for new pages, sections and documents. The Evolution contract’s straight editorial surfaces and technical labels take precedence.

Colour roles

ColourHexPrimary role
Color of space#04194EDark sections, primary CTA on light surfaces and navigation.
Technical blue#27557DSecondary dark surfaces, borders and hover states.
Signal green#17A398Links, icons, heading accents, rules and technical labels.
Technical slate#596B7DSecondary text, captions, metadata and supporting descriptions.
Light surface#F3F7FALight section bands and card surfaces.
Technical ice#DCE8EFSubtle dividers, secondary borders and alternate table rows.
Pale mint#CDEFE8Soft accents, numbered bands and highlighted surfaces.
Signal coral#E56B5DDiagrams, callouts and campaign accents; never navigation or primary UI.
Warm signal#F2C14EDiagrams, callouts and campaign accents; never navigation or primary UI.

On light surfaces: #111111 for primary text and #596B7D for secondary text. On navy: white, rgba(255,255,255,.70) and Signal green for the corresponding roles.

Type weights

LevelSize / lineFontWeight
Display / H172px / 0.96Manrope400
Section / H248px / 1.04Manrope500
Card / H324px / 1.20Manrope600
Body16px / 1.65Manrope400
Label / metadata12px / 1.40MuseoModerno or Manrope600

Use Playfair Display italic sparingly for a final phrase or key word in an H1 or H2, always in Signal green and at most once per visible section. Never use it in body copy, navigation, buttons or captions. Reserve MuseoModerno for short technical labels and numbering. Letter spacing is always 0.

Dark and light sections

Light section

  • Primary text #111111; secondary text Technical slate.
  • Labels and icons in Signal green.
  • Primary CTA: navy fill, white text, 0–2px radius.
  • Divider: 2px Signal green or 1px editorial line.

Dark section

  • Primary text white; secondary text 70% white.
  • Labels and icons in Signal green.
  • CTA: Signal green outline on a transparent surface.
  • Internal surfaces: 5% white with a restrained green border.

Never place a navy button on navy. Text buttons are straight editorial controls, not pills.

Photography and imagery

HubMind imagery should communicate technical authority, owner-side perspective and real industrial or facility environments. Photographs should feel like evidence of the work, not generic illustrations of business.

  • Use: production environments, control rooms, infrastructure and technical facilities; people reviewing drawings, operating systems or walking a site; natural steel, blue-grey and machinery tones.
  • Avoid: cartoon substitutes, generic offices, posed meetings, startup aesthetics, visible third-party branding and unnecessarily dramatic lighting.
  • Technical: two-column images should be landscape 4:3 or 3:2. Resolve the transition to copy through crop and composition; gradient overlays are not the default.

Section patterns

01 · Dark hero

Full-width navy surface with a restrained technical grid, H1, lead and no more than two CTAs.

02 · Text + image

Light surface, approximately 45/55, owner-side copy and authentic industrial photography.

03 · Service accordion

Navy list with area number, H3, description and an explicit deeper-detail link.

04 · Numbered band

Pale mint, four equal columns, thin dividers, numeral, heading and concise outcome copy.

05 · Closing CTA

One focused column with label, H2, short support copy and one clear action before the footer.

Approved copy

Copy, paste and adapt only the surrounding sentence. Keep the core description intact.

HubMind, short

HubMind is an independent client-side technical partner for industry and complex facilities. We help asset owners create control over systems, information, requirements and responsibilities throughout the lifecycle.

HubMind, presentation

HubMind AB supports asset owners at the intersection of automation, IT/OT, systems engineering and technical information. We translate operational needs into clear requirements, sustainable architectures and deliverable solutions, from early strategy and procurement through verification, commissioning and long-term operation.

HubMind, procurement & qualification

HubMind AB is an independent client-side technical partner with capabilities across technical strategy, systems engineering, requirements management, IT/OT, automation, integration and technical information. The company supports complex industrial and facility environments from early direction and procurement through verification, commissioning and long-term operation.

Download library

Packs for immediate use and individual masters when you need a specific format.

Company introduction

A professional introduction for buyers and partners. Choose the ready-to-share PDF or editable PowerPoint.

Complete logo pack

Original, horizontal variants, tagline, domain, frame, reversed, PNG and grayscale.

Download pack

Digital channel pack

LinkedIn, email and a calm light meeting background.

Download pack

Expert profiles & resumes

Individual credentials and structured profile formats for resource and capability assessment.

Download pack

MuseoModerno font pack

Normal and italic variable fonts, weights 100–900, with the SIL Open Font License.

Download pack

Original brand guideline

The original PDF supplied with the design delivery.

Open PDF

Need another format? Start from these master files instead of saving images from web pages. The company is always the sender; expert profiles are used only to evidence available capability.

Text copied
Contact us