Skip to content

Logo

The Bluu logo is the most important visual element of our brand identity. Its correct use is fundamental to maintaining brand coherence and recognition.

Logo Versions

The imagotype is the primary version of the logo. It consists of the isotype (symbol) together with the brand name in a single element.

Imagotype Variations

Blue Imagotype Black Imagotype White Imagotype

Available Files

  • Vector: SVG, AI, EPS
  • Raster: PNG (transparent), JPG
  • Resolutions: 1x, 2x, 3x for different screen densities

Typographic Construction

The imagotype wordmark is constructed with the following specifications:

  • Word: bluu.
  • Typography: Plus Jakarta Sans
  • Weight: ExtraBold (800)
  • Capitalization: Lowercase
  • Punctuation: Includes period at the end
bluu.

Color and Background Recommendations

Blue Logo (Primary)

  • Usage: White or light backgrounds
  • Color: Bluu Blue (#3747B0)
  • Minimum background: White (#FFFFFF)
  • Usage: Monochromatic applications
  • Color: Black (#1A1A1A)
  • Minimum background: White or light gray
  • Usage: Dark backgrounds or over images
  • Color: White (#FFFFFF)
  • Minimum background: Bluu Blue or black

Logo Symbol (Isotype)

In limited spaces where the complete logo is not legible, only the symbol can be used.

Recommended minimum size: 24px × 24px (digital) / 8mm × 8mm (print)

Isotype Variations

Blue Isotype Black Isotype White Isotype

Clear Space

The logo must be surrounded by minimum clear space free from other graphic elements or text.

Imagotype

Spacing rule: The clear space equals 1x (height of the letter "B") on all sides.

┌──────────────────────────────┐
│            1x                │
│      ┌──────────────┐        │
│  1x  │  Ⓑ BLUU     │  1x    │
│      └──────────────┘        │
│            1x                │
└──────────────────────────────┘

1x = Height of the "B"

Isotype (Symbol)

Spacing rule: The clear space equals 0.5x on all sides.

┌──────────────────┐
│      0.5x        │
│    ┌────────┐    │
│0.5x│   Ⓑ   │0.5x│
│    └────────┘    │
│      0.5x        │
└──────────────────┘

0.5x = Height of isotype (equal to the height of the "B")

Important note: - The vertical height of the isotype equals the vertical height of the letter "B" in the imagotype - When using only the isotype, the clear space is 0.5x - When using the imagotype (isotype + name), the clear space is 1x

Minimum Sizes

Digital

  • Complete logo: 120px minimum width
  • Symbol only: 24px × 24px minimum
  • Favicon: 32px × 32px (using simplified isotype)

Print

  • Complete logo: 30mm minimum width
  • Symbol only: 8mm × 8mm minimum
  • Business cards: 35mm width recommended

Backgrounds and Contrast

Allowed Backgrounds

✅ Recommended: - Pure white (#FFFFFF) - Light gray (#F5F5F5) - Bluu Blue (#3747B0) with white logo - Black (#1A1A1A) with white logo

⚠️ Use with caution: - Photographs with high contrast areas - Subtle gradients that do not interfere with legibility

❌ Not allowed: - Saturated or bright color backgrounds - Complex patterns that reduce legibility - Textures that interfere with the logo

Proportions

The logo must always maintain its original proportion. It should never be:

  • ❌ Stretched horizontally or vertically
  • ❌ Rotated at arbitrary angles (only 0°, 90°, 180°, 270° if necessary)
  • ❌ Distorted or deformed
  • ❌ Modified from its original design

Reproduction

For Web and Digital

  • Preferred format: SVG (scalable without quality loss)
  • Alternative format: PNG with transparency
  • Resolution: 2x and 3x for Retina screens

For Print

  • Preferred format: AI, EPS (vector)
  • Alternative format: Vectorial PDF
  • Minimum raster resolution: 300 DPI

For Social Media

  • Profile picture: Use isotype centered with margin
  • Cover/Banner: Complete logo with clear space
  • Posts: Depending on context, prefer complete logo

Accessibility

The logo must comply with accessibility standards:

  • Minimum contrast: WCAG AA (4.5:1 for normal text)
  • Legibility: Verify that it is legible at all sizes
  • Alternatives: Provide alternative text in HTML (alt="Bluu")

Downloads

To obtain official logo files, contact the Marketing team or access the brand resource repository.