Typography Styleguide

Lorem ipsum dolor sit amet.

H1 HEADING

Lorem ipsum dolor sit amet.

H2 Heading

Lorem ipsum dolor sit amet, consectetuer.

H3 Heading

Lorem ipsum dolor sit amet, consectetuer.

H4 Heading
Lorem ipsum dolor sit amet, consectetuer.
H5 Heading
Lorem ipsum dolor sit amet, consectetuer.
H6 Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Paragraph
Lorem ipsum dolor sit amet.
Block Quote
Text Link
Text Link
Jetzt investieren
Button Light
Jetzt investieren
Button Dark
Jetzt investieren
Button Orange
Text Link
Visited Link

Color Styleguide

Font Colors
font color Dim Grey
#5e5e5e
font color Orange
#f27200
font color Grey
#929292
Brand Colors
Brand color Yellow Green
#86bc25
Brand color Red
#be1823
Brand color Bright Orange
#f9b000
Main Colors
Main color Black
#000000
Main color White
#ffffff

Brand Styleguide

Logo
Logo Full Color Positive
Logo Full Color with Claim Positive
Logo Full B&W Positive
Logo Full B&W with Claim Positive
Logo Full Halftone Positive
Logo Full Halftone with Claim Positive
Logo Full B&W with Claim Positive
Logo Full Color Negative
Logo Full Color with Claim Negative
Logo Full B&W Negative
Logo Full B&W with Claim Negative
Logo Full Halftone Negative
Logo Full Halftone with Claim Negative
Logo Bildmarke Negative

News Post

Vorlage

Der Haupttitel der News.

Untertitel der News (wenn vorhanden).

Der News-Text kommt hierhin. Das ist also ein normaler Text. Einfach Copy und Paste z.B.: vom Word Pad (WIN) oder Text Edit (MAC) oder von irgendeinem Textprogramm. Oder Sie tippen direkt in das Feld.

Einen Abschnitt macht man mit der Return-Taste am Ende des vorherigen Abschnitts. Das kreiert einen neuen Textabschnitt.

Das ist eine Bildbeschreibung
Das ist ein Blockquote, auch Zitat genannt. Hier liegt in der Kürze die Würze.

Das ist ein Kursiver Text Abschnitt. Durch Klicken auf den Text kann «I» ausgewählt werden für ganze Abschnitte.

Oder auch nur für Teilbereiche davon wie hier.

  • Aufzählung
  • Aufzählung

Das ist ein Link zu einer Website oder einer eMail Adresse.

  1. Nummerierte Aufzählung
  2. Nummerierte Aufzählung