Digital

Layoutsystematik

Wiedererkennbarkeit provozieren wir nicht durch sich immer wieder gleichende Gestaltung,  sondern den konsistenten Einsatz der Elemente. Wir geben so wenig Regeln wie nötig vor, um einfache und schnelle Erweiterbarkeit zu ermöglichen, und somit mehr Raum für Kreativität zu geben.

Einsatz von Stage und Signature-Tag

LOGOGRÖSSE UND SATZSPIEGEL

Grundsätzlich passt sich die Logogröße dem Format an. Die maximale Darstellungsgröße der „Stage“ ergibt sich aus der Formel: 
Kürzere Seite des Formats/5 

(Ausnahme: Extremformate)

Das „Signature-Tag“ ist immer so lang wie die Seitenlänge der "Stage" und dadurch automatisch 1/3 breit, wobei sich die minimale Darstellungsgröße an der Lesbarkeit des Claims orientiert.

Die kürzeste Seite des Formats geteilt durch fünf ergibt die maximale Größe der "Stage".

Die Größe der "Stage" ergibt sich aus dem Format. Das "Signature-Tag" ergibt sich aus der Stage.

Aus den definierten Größen ergibt sich nun auch der Satzspiegel.

Der Satzspiegel ergibt sich aus dem Signature-Tag.

Weitere Beispiele in gängigen Formaten:

Ausnahmen bestätigen die Regel

UMGANG MIT EXTREMFORMATEN

Ein Layout wird dann zu einem Extremformat, wenn die kürzere Seite des Formats 1/3 der Länge der längeren Seite des Formats unterschreitet.

Definition Extremformat;
Kürzere Seite < 1/3 im Verhältnis zur längeren Seite

Kein Extremformat;
Kürzere Seite > 1/3 im Verhältnis zur längeren Seite
 


Die Logogröße passt sich dem Format an, 
ist aber nie größer als 1/2 der kürzeren Seite des Formats.

 

Bild-, Infobereich und Schutzzone

LAYOUTRASTER

Layouts können aus einer vollflächigen Abbildung oder zwei Unterteilungen bestehen. Die Unterteilung des Formats erfolgt entweder auf der horizontalen oder der vertikalen Achse, ist immer rechteckig und liegt im Anschnitt. 

Die Bereiche können wahlweise mit einer Primärfarbe (TECE Blau oder Weiß) oder mit einem Bild gefüllt sein. 

Bild an Bild oder Text an Text Aufteilungen sind nicht zulässig. "Stage" und "Signature-Tag" müssen eine Schutzzone von mind. 1/3 der Seitenlänge der "Stage" haben und dürfen nicht über beide Teile überlappen.

Das Quadrat als Schutzzone definiert die grundsätzlichen Abstände im Informationsteil sowie nach Möglichkeit im Bildbereich. 

Die Schutzzone ist ebenfalls zu berücksichtigen, wenn die beiden Layoutbereiche aufeinander treffen.

 
Digital

Anzeigen

Format
Das Format einer Anzeige kann flexibel (je nach Bedarf) angelegt werden.

Logo und Raster 
„Stage“ und „Signature-Tag“ werden an das entsprechende Format angepasst. Ebenso basieren das Raster und die Schutzzonen auf den unter Layoutsystematik definierten Regeln. 

Bild und Text 
Je nach Motiv kann der Text direkt auf das Bild gesetzt werden (Lesbarkeit muss gewährleistet sein). Alternativ kann eine blaue oder weiße Fläche aufgezogen werden (siehe Layoutsystematik). Als Schriftfarbe darf je nach Hintergrund weiß oder schwarz genutzt werden. 

 
Digital

E-Mail-Signaturbanner

 
Digital

Video

Das Videodesign greift die grundlegende Formensprache des TECE Corporate Designs auf. Das Design wird dabei um eigenständige videospezifische Elemente erweitert.

Video

Beispiel

In diesem Beispielvideo wurden die nachfolgenden Vorgaben zur Videoerstellung berücksichtigt.

Bynder
Video

Look & Stil

Keine Versalien in Titeln, Bauchbinden, Themen etc.

Download

Hier können Sie die Templates herunterladen, die sie für eine Corporate-Design-konforme Erstellung von Videos benötigen.

Video-Templates(Login erforderlich)

Video

Intro

  • Kein Fade-in, direkter Einstieg ins Intro​
  • Fontunterlage/Text-Background: 75 % TECE-Blau (RGB: 0,29,59)​
  • Schriftfamilie: Metronic Pro Light Weiß​
  • Hintergrund sollte sich leicht bewegen (Bewegung beliebig), keine Schnitte während der Logo- oder Texteinblendung
  • Text immer zentriert im Bild platzieren
  • Text ohne Punkt am Ende
  • Textlänge: so lang im Bild, dass der Titel bequem lesbar ist; Dauer richtet sich nach der Länge des Textes
Video

Logo- und Texteinblendungen

  • Stage und Signature im Intro zeigen​
  • Headline: Metronic Pro Light weiß 240 Px, Laufweite: 25, ​
    Zeilenabstand: 215 Px​
  • Subheadline: Metronic Pro Light weiß 125 Px, Laufweite: 25, ​
    Zeilenabstand: 215 Px​
  • Simultane Ausblendung von Logos, Texte und blauem Font.​
    Harter Schnitt oder sanfte Ausblendung, Länge 10 Frames Ease In / Ease Out
Video

Texteinblendungen II

  • Statische Einblendung einer zweizeiligen Headline und einzeiligen Subheadline​
  • Headline: Metronic Pro Light weiß 240 Px, Laufweite: 25, ​
    Zeilenabstand: 270 Px​
  • Subheadline: Metronic Pro Light weiß 125 Px, Laufweite: 25, ​
    Zeilenabstand: 270 Px​
  • Simultane Ausblendung von Logos, Texte und blauem Font.​
    Harter Schnitt oder sanfte Ausblendung, Länge 10 Frames Ease In / Ease Out
Video

Texteinblendungen III

  • Statische Einblendung einer einzeiligen Headline und zweizeiligen Subheadline​
  • Headline: Metronic Pro Light weiß 240 Px, Laufweite: 25, ​
    Zeilenabstand: 215 Px​
  • Subheadline: Metronic Pro Light weiß 125 Px, Laufweite: 25, ​
    Zeilenabstand: 160 Px​
  • Simultane Ausblendung von Logos, Texte und blauem Font.​
    Harter Schnitt oder sanfte Ausblendung, Länge 10 Frames Ease In / Ease Out
Video

Bauchbinde Look & Positionierung

  • Fontunterlage/Text-Background: 75 % TECE-Grau (#cccccc)
  • Schriftfamilie: Metronic Pro Light Schwarz​
  • Einzeiliger Text: 45 Px, Laufweite 10
  • Animation: Simultane Ein- und Ausblendung von Fontunterlage und Text: ​
    10 Frames, Ease In / Ease Out​
    Alternativ: harter Schnitt, je nachdem, was besser passt
Video

Bauchbinde Look & Positionierung II

  • Fontunterlage/Text-Background: 75 % TECE-Grau (#cccccc)​
  • Schriftfamilie: Metronic Pro Light Schwarz​
  • Zweizeilig: Text oben 33 Px, Laufweite 10, 55 Zeilenabstand​
    Text unten 45 Px, Laufweite 10, 55 Zeilenabstand
  • Generelle Bauchbindenlänge: so lang im Bild, dass der Text bequem lesbar ist; Dauer richtet sich nach der Länge des Textes
Video

Phasen Textfeld

  • Fontunterlage/Text-Background: 75 % TECE-Grau (#CCCCCC)​
  • Schriftfamilie: Metronic Pro Light Weiß​
  • Bezeichnung (Phase 1): 90 Px, Laufweite 25,
  • Vorhaben (Kappe abdrehen): 160 Px, Laufweite 25,​
  • Animation: Fontunterlage und Textanimation. Liegt als Template vor
Video

Outro

  • Animation: Simultane Einblendung von Logo in TECE-Blau und weißer Fläche, ​
    10 Frames, Ease In​
  • Hinweis I: Keine Ausblendung auf Schwarz oder Weiß – das Logo bleibt als letzter Frame mindestens 2 Sekunden stehen
  • Hinweis II: Logo steht zentriert im Bild