Back to Portfolio

BluedropIT Brand

BluedropIT Brand
Primary signature — the drop mark, wordmark and suffix

The Brief

The visual identity behind BluedropIT — a single-line drop mark that curls to an inward spiral, a lowercase wordmark, and a palette drawn from the logo itself. A complete system: construction grid, clear-space rules, and lockups for every background.

The Challenge

BluedropIT migrates and tunes Drupal platforms, so its mark had to signal precision and flow without the clichés of IT branding — no gears, no clouds, no circuit boards — and stay crisp from a favicon in a crowded tab strip to reception signage.

Our Approach

We drew the symbol as a single continuous line curling inward to a spiral — refinement and continuous flow, the essence of a clean migration — with an offset dot marking the source. The wordmark sets "bluedrop" in Montserrat SemiBold lowercase for an approachable, technical tone, and the "IT" suffix in Brand Blue to signal the specialism. The palette takes its three colours straight from the mark, and every rule below exists so the identity survives contact with the real world.

The Outcome

A brand system that holds together from 24px to a building facade, documented well enough that the BluedropIT team can apply it without us in the room. The same blue now anchors the marketing site and the product UI.

The Logo

Primary signature

BluedropIT logo — the drop mark followed by the bluedropIT wordmark

Symbol

The drop

A single blue drop with an inward spiral — refinement and continuous flow, the essence of a clean migration.

Wordmark

bluedrop

Set in Montserrat SemiBold, lowercase — approachable, technical, and unmistakably modern.

Suffix

IT

Montserrat SemiBold in Brand Blue — signalling the technology focus and specialism.

Construction

Built on a square

r = 0.22xx

The drop is drawn on a square canvas. A single continuous line curls inward to a spiral, with an offset dot marking the source. Balanced to stay crisp down to favicon size.

Canvas
1 : 1 square
Construction
Single continuous line
Spiral
Inward golden curl
Highlight
Offset source dot
Minimum size
24 px legible

Usage

Room to breathe

Clear space

= X

Keep a margin of at least X on all sides — where X is the height of the drop symbol.

Minimum — digital

140 px min width · 30 mm in print

Minimum — symbol

24 px min · favicon & app icon

Lockups

Logo variations

Primary · on dark
Primary · on light
App icon · symbol
Favicon scaling
  • 120px
  • 72px
  • 44px
  • 24px
On slate
On white
On brand blue
Monochrome — white
Monochrome — black

Color

Palette

Drawn straight from the logo — blue leads, slate grounds, white clarifies.

  • Brand Blue

    Hex #3B82F6

    RGB 59 · 130 · 246

    Primary — accents, links & CTAs

  • Slate

    Hex #1E293B

    RGB 30 · 41 · 59

    Text, backgrounds & surfaces

  • White

    Hex #FFFFFF

    RGB 255 · 255 · 255

    Reversed logo & clear space

Like what you see?

Let's create something amazing for your business too.

Start a Project