Home Link
Home Link

Grundsätzliches

Markendesign

Alle mobilen BASF-Anwendungen bestehen aus bestimmten Grundelementen.
  1. 1
    App Icon
  2. 2
    App Store Page
  3. 3
    Logo
  4. 4
    Typography
  5. 5
    Colors
  6. 6
    Technical Guidelines
.

App-Icon

Das App-Icon gibt dem Benutzer einen ersten Eindruck der App. Es erscheint im App Store / Play Store, etc. und auf dem Startscreen.
App_Icons_general_new.jpg

Allgemeines

Es gibt wenig Platz für die Kommunikation innerhalb eines App-Icons. Konzentrieren Sie Ihre Botschaft auf die wichtigsten Informationen.

Bitte beachten Sie: Sie müssen nur ein quadratisches Symbol liefern. Die abgerundeten Ecken werden vom Anbieter abgeschnitten.

Hydraulan_AppStylguide_Basics.png

Companion Marke

Kombinieren Sie das BASF-Logo und das individuelle Markenlogo, indem Sie sie durch eine Linie trennen. Oder drücken Sie die Zugehörigkeit zur BASF über einen schriftlichen Zusatz in der Nähe des individuellen Markenlogos aus. Trennen Sie die Logo-Text-Kombination und das Geschäftliche (im Bild: Pflanzensymbol) mit einer Linie.
Apps_Icons_Individual_4_new.jpg

Satellite Marke

Die Zugehörigkeit zur BASF wird durch einen schriftlichen Zusatz zum Ausdruck gebracht. Dieser kann wie folgt platziert werden:
.

App Store-Seiten

Der App Store bietet die Möglichkeit, einzelne Screens der App für einen ersten Eindruck zu präsentieren. 

Screenshots

Bitte verwenden Sie Screenshots Ihrer App, um die Benutzeroberfläche Ihrer App visuell zu präsentieren. Es können bis zu 10 Screenshots angezeigt werden. Die Bilder 1-3 werden in den Suchergebnissen angezeigt und sind somit die wichtigsten. Stellen Sie sicher, dass diese Bilder die wesentlichen Inhalte Ihrer App anzeigen.

Beschreibung

Die Beschreibung sollte kurz und informativ sein und eine kurze Liste von Eigenschaften und Funktionen enthalten. Der mögliche Benutzer sollte darüber informiert werden, was die App einzigartig macht und warum er sie lieben wird. Verwenden Sie eine Tonalität, die der Marke BASF entspricht.

Der erste Satz ist immer der wichtigste. Bitte geben Sie keine Preise in Ihrer Beschreibung an, diese werden auf der Produktseite angezeigt. Beschreibungen können mit einer neuen Version der App aktualisiert werden.

 

Beispiel

Ein App-Screen kann auf einer oder zwei Kacheln platziert werden. Die Kacheln müssen eine der Unternehmensfarben als Hintergrundfarbe haben und schriftliche Erklärungen enthalten.

Appstore_Page.jpg
.

Logo & Individuelle Marke

Das Logo ist nur auf dem Startscreen verfplichtend. Der Startscreen selbst ist verpflichtend. Wenn das Logo innerhalb der App platziert werden soll, orientieren Sie sich bitte an den BASF Corporate Design guidelines.
Placement_Logo.jpg
BASF-Logo
Placement_Logo_IndividualBrand.jpg
Companion Brand
.

Typografie

Bitte verwenden Sie „New Helvetica“ oder „Roboto“ für digitale Anwendungen. Alle Firmenfarben, Schwarz-, Weiß- und Grautöne sind möglich.
Basics_Typography_Helvetica.jpg
.

Farben

  • BASF Web Design verwendet sechs Unternehmensfarben sowie zusätzliche neutrale Farben wie Schwarz, Weiß und Grau sowie blasse Farben für Hintergründe.
  • Im Allgemeinen sollte sich die Anzahl der Unternehmensfarben, die auf einer Seite verwendet werden, auf eine beschränken.
  • In besonderen Fällen ist es erlaubt, zwei Unternehmensfarben zu kombinieren. In diesem Fall wird empfohlen, die definierten Farbpaare zu verwenden.
  • Empfohlen: Verwenden Sie das BASF-Rot nicht als Grundfarbe der Website. Rot sollte für Warnungen, Fehler (z. B. in Formularen) oder in Notfällen verwendet werden.

Unternehmensfarben

db.jpg

BASF Dunkelblau

#004A96
lb.jpg

BASF Hellblau

#21A0D2
dg.jpg

BASF Dunkelgrün

#00793A
lg.jpg

BASF Hellgrün

#65AC1E
or.jpg

BASF Orange

#F39500
red.jpg

BASF Rot

#C50022

Neutrale Webdesign-Farben

black.jpg

Schwarz

#000000
dark grey.jpg

Dunkelgrau

#7C7C7C
greyr.jpg

Mittelgrau

#ADADAD
light grey.jpg

Hellgrau

#DCDCDC
white.jpg

Weiß

#FFFFFF
box grey.jpg

Boxgrau

#F0F0F0
copytext grey.jpg

Kopiertext grau

#333333

Blasse Webdesign-Farben für Hintergründe

pale dark blue.jpg

Blasses Dunkelblau

#E0E9F2
pale lb.jpg

Blasses Hellblau

#E0F2F9
pale dg.jpg

Blasses Dunkelgrün

#D9EBE2
pale lg.jpg

Blasses Hellgrün

#E0EED2
pale orange.jpg

Blasses Orange

#FDEFD9
pale red.jpg

Blasses Rot

#F8E0E4

Verwenden Sie nach Möglichkeit nur eine Unternehmensfarbe. Zusätzliche Unternehmensfarben werden nur zur effektiven Unterscheidung der jeweiligen Inhalte verwendet.

 

Abstufungen

Sie können alle Abstufungen einer einzigen Unternehmensfarbe verwenden, solange die Unterschiede zwischen den Abstufungen deutlich sichtbar sind (Beispiel für BASF Dunkelblau).

grad1.jpg
grad2.jpg
grad3.jpg
grad 4.jpg
grad5.jpg

Farbpaare

Wenn Sie eine zweite Unternehmensfarbe zur Unterstützung Ihrer Botschaft benötigen, verwenden Sie bitte eine Farbe aus diesen Farbpaaren.
pair blau.jpg
pair gruen.jpg
pair red.jpg

Farbpaare und Grautöne

Sie können das Farbpaar auch durch die Verwendung von Grauabstufungen ergänzen (Beispiel BASF Dunkelgrün und Hellgrün kombiniert mit Grau).
pair gruen.jpg
pair schwarz.jpg

Technische Richtlinien


Mobile Lösungen werden in allen Geschäftsbereichen immer wichtiger. Verschiedene IT-Einheiten und externe Partner sind an der Implementierung mobiler Anwendungen für BASF beteiligt. Das Mobile Solutions-Team ist verantwortlich für die strategische Entwicklung der mobilen Umgebungen der BASF und die Beratung aller an der Umsetzung beteiligten Parteien.

Das folgende Dokument legt die grundlegenden Richtlinien fest, die bei der Entwicklung mobiler Anwendungen für BASF zu beachten sind.

Für detaillierte Informationen laden Sie sich bitte das PDF zu den technischen Richtlinien der BASF herunter. 
.

 

Contact and feedback

The team Brand Consultancy is happy to support you in case of questions: contact.
Please let us know what you think about our Brand Portal: Feedback.