Brand

One identity, from the wordmark to the last hairline.

How the ITSolver brand works and how to use it correctly: the logo and its rules, the two-tone logic, the cut, colour, type and motion. Assets are free to use for press, partners and procurement documents.

Logo

Six variants. Nothing else.

  • Wordmark logo
    WordmarkDefault on white, paper and cream. Top-left in layouts.
  • Wordmark, on dark logo
    Wordmark, on darkOn forest, olive and ink surfaces. Never on light backgrounds.
  • Mark logo
    MarkThe "itS" monogram for app icons, avatars and any space under 120 px wide.
  • Mark, on dark logo
    Mark, on darkMonogram for dark surfaces.
  • Wordmark, black logo
    Wordmark, blackMonochrome print only.
  • Wordmark, white logo
    Wordmark, whiteMonochrome on dark, for example embossing or single-colour print.
Clear spaceEqual to the height of the "i" on every side. Nothing inside it: no text, edges or other marks.
Minimum sizeWordmark at least 120 px wide on screen (28 mm in print). Below that, use the mark, at least 24 px tall.
PlacementTop-left in layouts; centred only on covers and app splash screens.
Clear space

The height of the “i”, all round.

ITSolver wordmark with its clear space marked
The dashed zone is the minimum clear space: x equals the height of the “i”, measured from the wordmark itself.
Two-tone logic

The engineering half and the solving half.

Forest draws the stable half: “it”, the O and the cut top-pieces of L, V and E. Lime draws the forward half: the bodies of S, L, V, E and R. The same two roles run through every diagram and interface element on this site.

The signature

The cut: a slice at 24/139 of the cap height.

The cut, measuredA letter L whose top piece is separated from the stem by a thin horizontal gap at 24 of 139 units from the top, beside a user-interface block sliced at the same proportion.139 · cap height24 · the cut24 / 139 ≈ 0.173Sliced feature block
  • Two tones, two rolesForest draws what is stable: frames, nodes, hairlines. Lime marks what moves or is active: a packet travelling, a stage in progress, the one thing to do.
  • The cutA horizontal slice at 24/139 of the height separates a top piece from its body. It appears as hairline dividers, sliced section edges and the marker on framed panels.
  • Flat surfacesNo gradients, shadows or photography. Depth comes from layering paper, white, forest and ink, and from motion.
  • Honest dataDiagrams describe how we work, never invented metrics. Where a number would be client-specific, the label says so.
Colour

Six colours, in fixed proportions.

  • Forest#3D6042oklch(45% 0.06 150)The stable, engineering half: "it", the O and the cut top-pieces of L, V and E. Primary actions, structure, frames and nodes in graphics.
  • Lime#ADBC5Doklch(77% 0.11 112)The forward, solving half: the bodies of S, L, V, E and R. One accent action per view; in graphics only the moving or active element.
  • Olive#4B6023oklch(43% 0.09 125)Deep backdrop for the on-dark wordmark, closing bands and cover slides.
  • Cream#F8F8DEoklch(97% 0.03 105)For moments: the hero, one feature band, a quote. Never the application canvas.
  • Paper#FBFBF2oklch(98.5% 0.012 105)The canvas. With white it makes up most of every page.
  • Ink#1B1B16oklch(20% 0.008 105)Text and the darkest closing surface.
Paper and white 58%Ink and neutrals 22%Forest 14%Lime 6%

One lime action per view. Cream is for moments (the hero, one feature band). Dark sections close: olive or ink for the last band before the footer.

Typography

Three families, three jobs.

  • Sora--font-displayDisplay and headings, weight 600. Geometric, with the same square-cut terminals as the wordmark.

    One team, from strategy to operations.

  • Manrope--font-bodyBody, interface labels and tables. 400 for reading, 500 to 600 for labels and buttons.

    We combine technical experience with a detailed understanding of business processes.

  • JetBrains Mono--font-monoEyebrows (uppercase, 12% tracking), code, technical metadata and KPI units.

    ENTERPRISE TECHNOLOGY · STRUCTURED DELIVERY

Motion

Small movements, one story.

  1. --duration-fast120 msHover colour, press scale, tooltips
  2. --duration-base200 msSwitches, card lift, tabs, fades
  3. --duration-slow320 msDialogs, drawers, toasts entering
  4. --duration-slower520 msSection reveals, hero media
  • Movement is small (2 to 10 px) and pairs with an opacity fade.
  • Standard easing for state changes, emphasised easing for things entering, ease-in only for exits.
  • Motion tells the brand story: systems connecting, one team through the lifecycle, the cut drawing in.
  • Every animation has a static equivalent under prefers-reduced-motion and never shifts layout.
Do not

What the logo never does.

  • No recolouringOnly the six supplied variants. Never one-colour lime, never gradients.
  • No wrong pairingThe main wordmark never sits on forest, olive or ink; use the on-dark version. The on-dark version never sits on light surfaces.
  • No effects or distortionNo shadows, outlines, rotation or stretching, and never over busy photography without a solid panel.
  • No cuts in typeThe slice belongs to the wordmark and to graphics. It is never applied to body or heading type.
Downloads

Assets for press, partners and documents.

Use the assets to refer to ITSolver accurately. They may not be altered, recoloured or used to imply endorsement or partnership. Questions about usage: support@itsolver.co.uk.

Working with us

Tell us what you want to change.

Describe your environment and the outcome you need. An engineer, not a sales team, reads every request and replies within one business day.

+44 115 678 5537support@itsolver.co.ukMonday to Friday, 09:00 to 17:30 UK time (10:00 to 18:30 CET)
Four disciplines, one accountable teamFour lines labelled consulting and architecture, engineering, cloud and operations, and service delivery converge into a single line labelled one accountable team.One accountable teamStrategy → delivery → operations
Contact

Start a conversation

Tell us about your environment and what you want to change. An engineer replies within one business day.