Corporate Design Plattform

  1. Aktuelle Seite:  
  2. Startseite
  3. Uncategorised

Wähle aus einem Menüpunkt:

CD Handbuch CoverIm Corporate Design Handbuch findest du:

  • Allgemeine Informationen zum Corporate Design
  • SPORTUNION Logos und deren Verwendung
  • Farben
  • Schriften
  • Fotos
  • und weitere Infos.

Es dient als Nachschlagwerk, um eine korrekte Anwendung des neuen Designs zu gewährleisten.

Corporate Design Handbuch

 

Nützliche Beiträge

h1. Heading Secondary text

h2. Heading Secondary text

h3. Heading Secondary text

h4. Heading Secondary text

h5. Heading Secondary text
h6. Heading Secondary text

TIPS: Create lighter, secondary text in any heading with a generic <small> tag or the .small class.

Example body text

This is a lead paragraph. Make a paragraph stand out by adding .lead.

Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus.

Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.

The following snippet of text is rendered as bold text.

The following snippet of text is rendered as italicized text.

An abbreviation of the word attribute is attr.

Address

Company Name
795 Folsom Ave, Suite 600
San Francisco, CA 94107
P: (123) 456-7890
Full Name
P: (123) 456-7890
Diese E-Mail-Adresse ist vor Spambots geschützt! Zur Anzeige muss JavaScript eingeschaltet sein.

Emphasis classes

This is a .mute paragraph.

This is a .text-primary paragraph.

This is a .text-warning paragraph.

This is a .text-danger paragraph.

This is a .text-success paragraph.

This is a .text-info paragraph.

Alignment classes

This is a left aligned text .text-left

This is a center aligned text .text-center

This is a right aligned text .text-right

This is a justify aligned text which is often used in Book Design, Magazine or special Typo Pages. Create a justify aligned text with .text-justify class.

Blockquotes

This is a <blockquote> in a <.well>.

Quote's author in Source Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Quote's author in Source Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Quote's author in Source Title

Color Swatches

Brand Colors

#0077bb
Brand Primary
#669900
Brand Secondary
#ff8800
Brand Warning
#cc0000
Brand Danger
#0099cc
Brand Info
#669900
Brand Success

Grayscale Levels

#222222
Gray Darker
#444444
Gray Dark
#666666
Gray
#999999
Gray Light
#eeeeee
Gray Lighter
#f7f7f7
Gray Lightest

Navigations

Horizontal Navbar

Tabs

In the area of graphical user interfaces (GUI), a tabbed document interface (TDI) or a Tab is one that allows multiple documents to be contained within a single window, using tabs as a navigational widget for switching between sets of documents. It is an interface style most commonly associated with web browsers, web applications, text editors, and preference panes.

GUI tabs are modeled after traditional card tabs inserted in paper files or card indexes (in keeping with the desktop metaphor).

In the area of graphical user interfaces (GUI), a tabbed document interface (TDI) or a Tab is one that allows multiple documents to be contained within a single window, using tabs as a navigational widget for switching between sets of documents. It is an interface style most commonly associated with web browsers, web applications, text editors, and preference panes.

GUI tabs are modeled after traditional card tabs inserted in paper files or card indexes (in keeping with the desktop metaphor).

Vertical Menus

Forms

Buttons

Default Button
Primary Button
Success Button
Inverse Button
Info Button
Warning Button
Danger Button
Disabled Button

Inputs

Sample Basic Form

Legend
A longer block of help text that breaks onto a new line and may extend beyond one line.

Hero Units

Jumbotron

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Call to Action

Primary Jumbotron

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Call to Action

Masthead

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Call to Action

Primary Masthead

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Call to Action

Thumbnails

Extend Bootstrap's grid system with the thumbnail component to easily display grids of images, videos, text, and more.

Default example

By default, Bootstrap's thumbnails are designed to showcase linked images with minimal required markup.

100%x180
100%x180
100%x180
100%x180

Custom content

With a bit of extra markup, it's possible to add any kind of HTML content like headings, paragraphs, or buttons into thumbnails.

100%x220

Thumbnail label

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Button Button

100%x220

Thumbnail label

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Button Button

100%x220

Thumbnail label

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Button Button

Media Object

64x64

Media heading

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
64x64

Media heading

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
64x64

Nested media heading

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
64x64

More nested media heading

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

Tables

Basic Tables

#Column headingColumn headingColumn heading
1 Column content Column content Column content
2 Column content Column content Column content
3 Column content Column content Column content
4 Column content Column content Column content
5 Column content Column content Column content
6 Column content Column content Column content
7 Column content Column content Column content
#Column headingColumn headingColumn heading
1 Column content Column content Column content
2 Column content Column content Column content
3 Column content Column content Column content
4 Column content Column content Column content
5 Column content Column content Column content
6 Column content Column content Column content
7 Column content Column content Column content

Bordered Tables

#Column headingColumn headingColumn heading
1 Column content Column content Column content
2 Column content Column content Column content
3 Column content Column content Column content
4 Column content Column content Column content
5 Column content Column content Column content
6 Column content Column content Column content
7 Column content Column content Column content
#Column headingColumn headingColumn heading
1 Column content Column content Column content
2 Column content Column content Column content
3 Column content Column content Column content
4 Column content Column content Column content
5 Column content Column content Column content
6 Column content Column content Column content
7 Column content Column content Column content

Indicators

Alerts and Notifications

Oh snap! Change a few things up and try submitting again.
Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.
Warning! Best check yo self, you're not looking too good.

Badges

Labels

Default Primary Success Info Warning Danger

Other useful components

List groups

  • 14 Cras justo odio
  • 2 Dapibus ac facilisis in
  • Morbi leo risus
  • Morbi leo risus
  • 1 Morbi leo risus
9 Cras justo odio Dapibus ac facilisis in Morbi leo risus Porta ac consectetur ac Vestibulum at eros

List group item heading

Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

List group item heading

Donec id elit non mi porta gravida at eget metus.

List group item heading

Donec id elit non mi porta gravida at eget metus.

Panels

Panel heading
Panel content

Panel primary SPORTUNION

Panel content

Panel primary

Panel content

Panel success

Panel content

Panel warning

Panel content

Panel danger

Panel content

Panel info

Panel content

Wells

Look, I'm in a small well!
Look, I'm in a well!
Look, I'm in a large well!

Auf Bundes- & Landesebene wird das SPORTUNION Logo in Reinform verwendet, für Vereine gibt es eigene Regelungen. 

Vereinslogos

Bei Vereinslogos wird zwischen 2 Typen unterschieden:

Abhängig vom Logo sind auch die zu verwendeten Vorlagenvarianten (mehr dazu unter Anwendungsfelder).

Wenn in deinem Logo eine UNION-Kugel vorkommt, zählt eine dieser beiden Varianten:
 

a) SPORTUNION-Logo mit Vereinszusatz


SPORTUNION Musterverein Logobeispiele


Vereinslogo-Erstellung durch den Landesverband

Du kannst dir dein SPORTUNION-Logo mit Vereinszusatz kostenlos von deinem Landesverband erstellen lassen!

Vereinslogo erstellen lassen

 

b) anderes Logo, das das SPORTUNION-U enthält

U Sonderverwendungen Beispiele

UGOTCHI-Maskottchen mit "U" auf der Fußsohle, U-Tour-Logo, UGOTCHI-Logo.

Viele Vereine haben in den letzten Jahren eigene, kreative Vereinslogos mit dem SPORTUNION-U entworfen.

Solltest du ein solches Logo haben, in dem das SPORTUNION-Bildzeichen verwendet wird, so verwende bitte das Kontaktformular, um eine Verwendung mit den neuen CD-Vorlagen genehmigen zu lassen.


FAQ: Warum ist eine Logo-Genehmigung für die Verwendung in Kombination mit dem neuen Corporate Design wichtig?

Das SPORTUNION-Logo ist markenrechtlich geschützt. Wird das Logo in zu vielen Varianten verwendet, verfällt dieser Schutz allerdings. Unabhängig davon schaden stark variierende Logovarianten der Wiedererkennbarkeit bzw. der Marke - und die ist immerhin das, was uns als SPORTUNION ausmacht!

 

Die Ansprechpartner in den Landesverbänden stehen dir und deinem Verein gerne beratend zur Verfügung. Verwende bitte das Kontaktformular.

Bespiellogo Union Today

Das "union to>day"-Logo hat keine SPORTUNION-Kugel integriert.

Als Verein mit einem eigenen Logo (ohne "U"-Bildzeichen) verwende das "Ein Mitglied der SPORTUNION"-Logo.
Das Logo ist in den Vorlagen bereits eingebunden. Es ersetzt jeweils den Slogan.
Hier steht es als Extra-Download zur Verfügung:

Ein Mitglied der SPORTUNION-Logo

Mitglied der SPORTUNION Logo 4c quer

Mitglied der SPORTUNION-Logo 4C quer Haupt-Logo
Mitglied der SPORTUNION-Logo 4C quer

Mitglied der SPORTUNION Logo 4c quer

Mitglied der SPORTUNION-Logo 4C quer invertiert
Mitglied der SPORTUNION-Logo 4C quer invertiert

Mitglied der SPORTUNION Logo 4c quer

Mitglied der SPORTUNION-Logo 3C quer
Mitglied der SPORTUNION-Logo 3C quer

Mitglied der SPORTUNION Logo 4c quer

Mitglied der SPORTUNION-Logo 2C quer invertiert
Mitglied der SPORTUNION-Logo 2C quer invertiert

 

SPORTUNION Haupt-Logo

Das SPORTUNION-Haupt-Logo gibt es in den zwei Basisvarianten Quer- und Hochformat. Die Querversion ist grundsätzlich der Hochversion vorzuziehen. Dort, wo das Bildzeichen („U“) in der Hochversion größer abgebildet wird, ist diese zu verwenden. Dies ist beispielsweise bei quadratischen Flächen der Fall. In den Layoutvorlagen ist das Logo bereits richtig integriert.

Erklärung der Logos
  • 4c-quer, 4c-hoch
    In der Quervariante die Standardvariante des Logos. Es werden 4 Farbpatronen (Cyan, Magenta, Yellow, Key Color / Schwarz) benötigt, um das Logo zu drucken. Dies ist mit jedem Farbdrucker möglich.
  • 4c-quer-invertiert, 4c-hoch-invertiert
    Bei dieser Variante ist der Text in Weiß. Zur Platzierung auf dunklem Hintergrund.
  • 3c-quer, 3c-hoch
    Sondervariante – es werden 3 Farben (weiß, schwarz & SPORTUNION Rot) für den Druck benötigt. Ist der Untergrund weiß, ist es ebenso eine 2C (2-Farben) -Variante.
  • 2c-quer-invertiert, 2c-hoch-invertiert
    Sondervariante – es werden nur 2 Farben (weiß & SPORTUNION Rot) für den Druck benötigt. Diese Variante wird häufig fürs Bedrucken von T-Shirts, Kugelschreibern, etc. benötigt.
  • 1c-quer, 1c-hoch, 1c-quer-invertiert, 1c-hoch-invertiert
    Sondervariante ausschließlich für Schwarz-Weiß Produktionen.
SPORTUNION-Logo Querformat

Download alle Querformat-Logos (ZIP)

  • SPORTUNION 4C quer (EPS | PNG)
  • SPORTUNION 4C quer invertiert (EPS | PNG)
  • SPORTUNION 3C quer (EPS | PNG)
  • SPORTUNION 2C quer invertiert (EPS | PNG)
  • SPORTUNION 1C quer (EPS | (PNG)
  • SPORTUNION 1C quer invertiert (EPS | PNG)
SPORTUNION-Logo Hochformat

Download alle Hochformat-Logos (ZIP)

  • SPORTUNION 4C hoch (EPS | PNG)
  • SPORTUNION 4C hoch invertiert (EPS | PNG)
  • SPORTUNION 3C hoch (EPS | PNG)
  • SPORTUNION 2C hoch invertiert (EPS | PNG)
  • SPORTUNION 1C hoch (EPS | PNG)
  • SPORTUNION 1C hoch invertiert (EPS | PNG)
SPORTUNION Slogan

Der Slogan ist in Relation zum Logo so hoch wie der Schriftzug "UNION" aus dem SPORTUNION-Logo.

  • Slogan "Wir bewegen Menschen" (EPS | PNG)
  • Slogan "Wir bewegen Menschen" invertiert (EPS | PNG)
Seite 17 von 18
Diese Website verwendet Cookies und Google Analytics. Durch die Nutzung dieser Webseite erklären Sie sich mit der Verwendung von Google Analytics und Cookies einverstanden.
verstanden
mehr Informationen Imprint