Brand

Logo & Identity

The Entangle logo system comprises a full wordmark, an emblem, and logotype variants. Each asset is optimised for specific contexts and background conditions.

01 · Logo System

Primary logos

Two colour-matched variants ensure legibility across all backgrounds. The clear space around the logo should equal at least 1× the height of the “E” on all sides.

Entangle logo — light variant for dark backgrounds
logo-light.svgUse on dark backgrounds. Also available as PNG.
Entangle logo — dark variant for light backgrounds
logo-dark.svgUse on light backgrounds. Also available as PNG.

02 · Emblem

Compact mark

The emblem is the standalone icon mark. Use for favicons, app icons, social avatars, and anywhere the full wordmark does not fit. Minimum size: 24px.

Entangle emblem mark
emblem.svg

03 · Logotype

Logotype variants

Alternate typographic treatments of the Entangle wordmark for different layout contexts.

Entangle logotype variant 1
logotype-1.svgPrimary logotype. Use for headers, navigation, and formal contexts.
Entangle logotype variant 2
logotype-2.svgAlternate logotype. Use for marketing materials and large-format displays.

04 · Favicon

Favicons

PNG favicons at standard browser sizes. Generated from the emblem mark and included in the site’s <head> via link tags.

Favicon 32x32
32 × 32favicon-32x32.png
Favicon 16x16
16 × 16favicon-16x16.png

05 · Guidelines

Usage guidelines

Follow these rules to keep the Entangle identity consistent across all surfaces.

Do
  • +Use logo-light on dark backgrounds
  • +Use logo-dark on light backgrounds
  • +Maintain minimum 80px width for the full logo
  • +Maintain minimum 24px for the emblem
  • +Keep clear space of 1× the E-height on all sides
Don’t
  • ×Stretch or distort the logo proportions
  • ×Rotate the logo at any angle
  • ×Change the logo colours or apply gradients
  • ×Add drop shadows, glows, or other effects
  • ×Place the logo on busy or low-contrast backgrounds