Styleguide

Logo/Vereinswappen

Farben

  • FC-Grün
    #27AE60
  • Grün-Verlauf
    #27AE60 > #1FBE4C
  • Schwarz-Grau
    #222222
  • Mittelgrau
    #888888
  • Hellgrau 2
    #E7E7E7
  • Hellgrau 1
    #F6F6F6
  • Fehler-Rot
    #EE5555

Typografie

Primärfont: Exo 2 (via Google Fonts)

H1
size/ line height (mobile): 3/ 3.25 (1.75/ 2)
style: bold
letter spacing: -0.05
H2
size/ line height (mobile): 2/ 2.25 (1.5/ 1.75)
H3
size/ line height (mobile): 1.2/ 1.75 (1.1/ 1.5)
style: bold
Textabsatz
size/ line height (mobile): 1.2/ 1.75 (1.1/ 1.5)
Basis
size/ line height: 1/ 1.5 (= 16px/ 24px)
Label/ Data
size/ line height: 0.9/ 1.25
Metatext
size/ line height: 0.9/ 1.25
color: Mittelgrau

* Alle Größen in rem

Formate

Datum und Uhrzeit

1. Jan
1. Jan 2019
9 Uhr
9:00 Uhr
9:30 Uhr
1. Jan 9:30 Uhr

Telefonnummer

Tel. 05648-440
Tel. 0171234567

Strukturierte Inhalte

  • Ungeordnete
  • Liste
    • mit
    • zweiter Ebene
  • Listenelement

  1. Geordnete
  2. Liste
    1. mit
    2. zweiter Ebene
  3. Listenelement

TabellenkopfTabellenkopf
TabellendatenTabellendaten
TabellendatenTabellendaten

Icons

Icon-Font: Font Awesome 4.7

Buttons

Formularelemente