BEOBLO.AI — LOGO PACKAGE  (Ocean · Plus Jakarta Sans)

FOLDERS
  horizontal/   Main logo: mark + wordmark side by side. Use this by default.
  stacked/      Mark above wordmark. For square spaces (social avatars, splash screens).
  wordmark/     "beoblo.ai" text only. For tight horizontal spaces.
  mark/         The four-module symbol only. For small sizes and as a graphic element.
  app-icon/     App store icons. "rounded" for general use; "square" for iOS/Android,
                which apply their own corner mask.
  favicon/      Website icons (favicon.ico, favicon.svg, PNGs, apple-touch-icon).

Each logo folder has SVG/ (vector — use for print, web, signage; scales to any size)
and PNG/ (transparent background, several widths — use for slides, documents, email).

COLOUR VERSIONS — pick by background
  full-colour        On white or very light backgrounds.          (primary)
  for-dark-bg        On navy / dark backgrounds.
  white-on-blue      On the Ocean blue gradient or a mid-blue photo/background.
  one-colour-navy    Single-ink printing, stamps, embossing, fax/B&W.
  one-colour-white   Single-colour on dark: engraving, embroidery, dark merch.

BRAND COLOURS
  Navy (text)        #0E1B3D
  Ocean blue         #2F5BFF
  Sky blue           #2A8FF5
  Cyan               #22C3EE
  Mint (dot)         #19C39C
  Dark background    #0B1530
  Light background   #EEF2F8
  Wordmark "beoblo"  gradient #0E1B3D -> #2F5BFF  (on dark: #FFFFFF -> #8AA8FF)
  ".ai"              gradient #2F5BFF -> #1FA9D1  (on dark: #6B93FF -> #3DD5F5)
  Mark gradient      #2F5BFF -> #2A8FF5 -> #22C3EE (diagonal)

TYPEFACE
  Plus Jakarta Sans (free, Google Fonts). Wordmark: "beoblo" ExtraBold 800,
  ".ai" Bold 700, letter-spacing -4%. Logo files have the text converted to
  outlines, so the font does not need to be installed to use them.

USAGE
  - Clear space: keep at least the height of one mark module (a quarter of the
    mark) empty on every side. The files already include this margin.
  - Minimum size: horizontal logo 120 px / 30 mm wide; mark alone 16 px / 5 mm.
  - Don't stretch, rotate, recolour, add shadows, or rearrange the mark and text.
  - Don't place the full-colour logo on busy photos — use white-on-blue or
    one-colour-white instead.
