OTTODesign System

References

Logos

Official logo files of OTTO, the Otto Group and the group companies, exactly as the brands publish them: nothing is redrawn or recreated. How the OTTO logo may be used is set out by the OTTO Brand Hub.

For OTTO work, the design system's own logo set comes first: OTTO, OTTO white, OTTO UP, OTTO UP claim, OTTO AI, OTTO app, OTTO Payments, the slogan „Otto... find ich gut." and the payment and social logos. The OTTO wordmark there uses fill #eb001f.

Open the design system logo files

OTTO8

  • OTTO wordmark

    OTTO wordmark

    Design-system SVG, OTTO red #eb001f. First choice for OTTO work.

    SVG
  • OTTO wordmark white

    OTTO wordmark white

    White wordmark, only on OTTO red (Brand Hub rule).

    SVG
  • OTTO app icon

    OTTO app icon

    White wordmark on red rounded square, Brand Hub.

    PNG
  • OTTO favicon

    OTTO favicon

    Favicon served by otto.de, 512 x 512 artboard.

    SVG
  • OTTO wordmark, press PNG 2022

    OTTO wordmark, press PNG 2022

    Press page PNG with protective space, 2022 red.

    PNG
  • OTTO mask icon (letter O)

    OTTO mask icon (letter O)

    Safari pinned-tab icon of otto.de/unternehmen: a traced single letter O, one colour.

    SVG
  • OTTO wordmark EPS 2015

    OTTO wordmark EPS 2015

    Otto Group press package, 2015 redesign, colour before the 2022 red update.

    EPS
  • OTTO wordmark (deprecated)

    OTTO wordmark (deprecated)

    Retired; do not use.

    SVG

OTTO sub-brands10

  • OTTO UP

    OTTO UP

    Loyalty programme lockup.

    SVG
  • OTTO UP with claim

    OTTO UP with claim

    With „Dein Vorteilsprogramm“.

    SVG
  • OTTO UP white

    OTTO UP white

    White version for OTTO red.

    SVG
  • OTTO UP with claim, white

    OTTO UP with claim, white

    White version for OTTO red.

    SVG
  • UP

    UP

    UP mark alone.

    SVG
  • UP white

    UP white

    White UP mark for OTTO red.

    SVG
  • OTTO app

    OTTO app

    App icon as used in the design system.

    SVG
  • OTTO AI

    OTTO AI

    OTTO wordmark with sparkle on purple.

    SVG
  • OTTO Payments

    OTTO Payments

    OTTO plus Payments lockup.

    SVG
  • Slogan „Otto... find ich gut.“

    Slogan „Otto... find ich gut.“

    Script slogan, uses currentColor.

    SVG

Payment and social18

  • App Store badge

    App Store badge

    Design-system SVG.

    SVG
  • Google Play badge

    Google Play badge

    Design-system SVG.

    SVG
  • PayPal

    PayPal

    Design-system SVG.

    SVG
  • PayPal monogram

    PayPal monogram

    Design-system SVG.

    SVG
  • Mastercard

    Mastercard

    Design-system SVG.

    SVG
  • Visa

    Visa

    Design-system SVG.

    SVG
  • SEPA Lastschrift, horizontal

    SEPA Lastschrift, horizontal

    Design-system SVG.

    SVG
  • SEPA Lastschrift, vertical

    SEPA Lastschrift, vertical

    Design-system SVG.

    SVG
  • EHI Geprüfter Online-Shop

    EHI Geprüfter Online-Shop

    Design-system SVG.

    SVG
  • Facebook

    Facebook

    Design-system social icon, uses currentColor.

    SVG
  • Instagram

    Instagram

    Design-system social icon, uses currentColor.

    SVG
  • LinkedIn

    LinkedIn

    Design-system social icon, uses currentColor.

    SVG
  • Pinterest

    Pinterest

    Design-system social icon, uses currentColor.

    SVG
  • Snapchat

    Snapchat

    Design-system social icon, uses currentColor.

    SVG
  • TikTok

    TikTok

    Design-system social icon, uses currentColor.

    SVG
  • XING

    XING

    Design-system social icon, uses currentColor.

    SVG
  • YouTube

    YouTube

    Design-system social icon, uses currentColor.

    SVG
  • GitHub

    GitHub

    Design-system social icon, uses currentColor.

    SVG

OTTO

File What Source
SVG OTTO wordmark, SVG, fill #EB001F, 512×512 artboard (the favicon served by otto.de) otto.de
PNG Same, PNG 196 px, transparent otto.de
PNG Red wordmark on white, 180 px touch icon otto.de
PNG, Illustrator, ZIP OTTO app icon: white wordmark on OTTO red rounded square (PNG 673 px and Illustrator source) OTTO Brand Hub, shared link of 16.09.2026
PNG Red wordmark with protective space, 3143×1710, transparent (2022 red) OTTO press page
PNG Red wordmark, tight crop, 2172×734, transparent OTTO press page
SVG Monochrome mask icon of otto.de/unternehmen: only the letter O, traced, single colour OTTO press page
PNG Wordmark on white, 230×129 (older, brighter red) Otto Group press package for OTTO
EPS Wordmark EPS, file dated 03.03.2015 (logo redesign of 2015 by ErlerSkibbeTönsmann; colour before the 2022 red update) Otto Group press package for OTTO

The Otto Group's press package for OTTO is also kept unchanged as a ZIP.

The Brand Hub packages „OTTO-Logo mit Schutzraum" and „ohne Schutzraum" (EPS, SVG, PNG, red and white) require accepting OTTO's partner usage terms and are not included.

For the white OTTO logo, use the white wordmark of the design system; the Brand Hub allows it only on OTTO red.

Otto Group

File What Source
SVG "otto group" lowercase wordmark, SVG, fill #EE0020, 168×32. Identical to the header logo of ottogroup.com Otto Group press package
PNG Same wordmark, PNG 2000×390, transparent press package
PDF Same wordmark, CMYK vector PDF for print press package
PNG The "g" Superzeichen (the letters o and g merged into one sign) in red on white, 180 px ottogroup.com
PNG „otto group HOLDING“ lockup (wordmark with HOLDING below), red, PNG 2000×600, transparent. Only raster; no vector version found Otto Group presentation master 2026, from the slide footer
SVG Superzeichen alone (the o and g sign), SVG, fill #F00020, viewBox 625×1000 Otto Group presentation master 2026

The Otto Group press package holds files dated 9 and 10 November 2022 and is also kept unchanged as a ZIP.

The Otto Group offers no white wordmark and no standalone Superzeichen vector for download; the Superzeichen above comes from the presentation master, which also holds the wordmark in #F00020 and as a white outline, both without „HOLDING". The annual report uses a white wordmark on its cover.

Group companies

The logos of the group companies as offered on the Otto Group media downloads page, unchanged and in the same order: Platforms, Brand concepts, Retailers, Services, Financial services, then „Weitere" (further holdings). Print files are CMYK EPS, screen files RGB; several companies offer only a JPEG on white. The original packages are kept as ZIP files.

Lascana (Platforms)

File What Source
EPS Purple wordmark with „IT'S A WOMAN'S WORLD“, CMYK EPS ottogroup.com download
JPEG Same, JPEG on white, 842×595 same package

bonprix (Brand concepts)

File What Source
EPS Black wordmark with red dot, EPS ottogroup.com download
PNG Same, PNG 2000×666, transparent same package

Crate and Barrel (Brand concepts)

File What Source
EPS Black „Crate&Barrel“ wordmark, EPS ottogroup.com download
JPEG Same, JPEG on white, 2270×354 same package

heine (Brand concepts)

File What Source
EPS Dark blue wordmark, CMYK EPS ottogroup.com download
JPEG Same, JPEG on white, 1920×614 same package

Küche&Co (Brand concepts)

File What Source
EPS Red wordmark with swoosh, 2013, CMYK EPS ottogroup.com download
JPEG Same, CMYK JPEG on white, 2251×577 same package

Quelle (Brand concepts)

File What Source
EPS Blue wordmark, CMYK EPS (A4 page) ottogroup.com download
JPEG Same, JPEG on white, 513×172 same package

sheego (Brand concepts)

File What Source
Illustrator Black script wordmark, Illustrator ottogroup.com download
EPS Same, CMYK EPS same package
PNG Same, PNG 2480×1136, transparent same package

Witt-Gruppe (Brand concepts)

File What Source
Illustrator Red W sign with „Witt-Gruppe“, Illustrator ottogroup.com download
EPS Same, CMYK EPS same package
PNG Same, PNG 3108×584, transparent same package

BAUR Gruppe (Retailers)

File What Source
PNG Basic logo: yellow bg sign, grey „BAUR GRUPPE“, „Member of the otto group“, PNG 1358×709, transparent ottogroup.com download
PDF Same, CMYK PDF same package
JPEG Same, CMYK JPEG same package
PDF Secondary logo: bg sign in yellow ring, CMYK PDF same package
JPEG Same, JPEG (the file in the package is truncated) same package
PNG Secondary logo fully inverted (white), PNG 1032×1032, transparent same package
EPS Same, EPS same package
EPS Same, CMYK EPS same package

FGH (Retailers)

File What Source
JPEG Orange „fgh“ wordmark, JPEG on white, 1240×874 (only file offered) ottogroup.com download

Frankonia (Retailers)

File What Source
EPS Lime stag sign (RGB 193/209/0) with dark green wordmark (RGB 25/63/51), EPS ottogroup.com download
PNG Same, PNG 2000×446 on white same package

limango (Retailers)

File What Source
JPEG Green wordmark, JPEG on white, 591×216, 2016 (only file offered) ottogroup.com download

Manufactum (Retailers)

File What Source
SVG Green wordmark, SVG ottogroup.com download
SVG White wordmark, SVG same package
PNG Green, PNG 10834×1667, transparent same package
PNG White, PNG, transparent same package
JPEG Green, JPEG on white same package
EPS Green, RGB EPS same package
EPS White, RGB EPS same package
EPS Print, CMYK same package
EPS Print, spot colour same package
EPS Print, one colour (black) same package
EPS Print, negative (white) same package

Otto Austria Group (Retailers)

File What Source
JPEG Red lowercase „otto austria group“ wordmark, JPEG on white, 3420×380 ottogroup.com download
JPEG Red „a“ Superzeichen, JPEG on white, 2116×2000 same package

Hermes (Services)

File What Source
EPS Hermes Logistik Gruppe wordmark with blue speed lines, CMYK EPS ottogroup.com download
JPEG Same, JPEG on white, 1181×181 same package

Otto Group one.O (Services)

File What Source
SVG Red „otto group one.O“ lockup, SVG #eb001f, 1366×768 canvas with space ottogroup.com download
PNG Same, PNG 4098×2304, transparent same package
EPS Same, CMYK EPS same package

Otto International (Services)

File What Source
EPS Grey „ottointernational“ wordmark, EPS ottogroup.com download
JPEG Same, JPEG on white, 1000×209 same package

Risk Ident (Services)

File What Source
EPS Blue ring with red dot and „RISK IDENT“, EPS ottogroup.com download
PNG Same, PNG 1920×617, transparent same package

EOS Gruppe (Financial services)

File What Source
SVG Red „eOs“ wordmark, SVG ottogroup.com download
PDF Same, PDF same package
PNG Same, PNG 3089×1767, transparent same package
SVG Wordmark with claim „Changing finances for the better.“ to the right, SVG (also PDF, PNG) same package
SVG Claim below, SVG (also PDF, PNG) same package

Hanseatic Bank (Financial services)

File What Source
EPS Red two-line „Hanseatic Bank“ wordmark, 09/2017, CMYK EPS ottogroup.com download
JPEG Same, JPEG on white, 1181×419 same package

Hanseatic Versicherungsdienst (Financial services)

File What Source
JPEG Red HVD triangle with grey name, JPEG on white, 521×272, 2011 (only file offered) ottogroup.com download

BetterDoc (Weitere)

File What Source
SVG Green wordmark, SVG ottogroup.com download
SVG White wordmark, SVG same package
PNG Green, PNG 1684×265, transparent same package
PNG White, PNG, transparent same package

Headline (Weitere)

File What Source
PNG Black wordmark on white, PNG 230×86 (only file offered) ottogroup.com download

Medgate (Weitere)

File What Source
PNG Blue „medgate_“ wordmark, PNG 200×200 (only file offered) ottogroup.com download

Project A (Weitere)

File What Source
JPEG Black boxed „Project A“ on white, JPEG 945×473 (name says white, the ground is white) ottogroup.com download

Systain (Weitere)

File What Source
PNG Blue and yellow sign with black „systain“, PNG 1799×495, transparent ottogroup.com download
JPEG Same, JPEG on white, 1000×348 same package