Styleguide

Hier finden Sie alle vorhandenen Content-Elemente des TYPO3 Systems der Kirche Bremen. Diese sind zugeordnet nach Anwendungsfall (Ich möchte … erstellen). So finden Sie zu jedem Bedarf die passenden Content-Elemente und können sie direkt auf die Unterseiten kopieren, wo sie zum Einsatz kommen. 

Typen von Content-Elementen

Ich möchte zu den allgemeinen redaktionellen Hinweisen
Ich möchte ein Raster erstellen
Ich möchte eine Hero-Sektion erstellen
Ich möchte eine Seiten-Navigation erstellen
Ich möchte einen Kontaktbereich erstellen
Ich möchte eine Akkordeon/FAQ-Sektion
Ich möchte einen Downloadbereich erstellen
Ich möchte eine Galerie erstellen
Ich möchte eine Sektion mit Texten und Medien erstellen
Ich möchte eine Soundcloud-Sektion erstellen
Ich möchte eine Tabellenübersicht erstellen
Ich möchte einen Teaser erstellen
Ich möchte ein Formular erstellen

 

Colorpalette

  • black#000000
  • white#FFFFFF
  • anthrazit#333333
  • glitter#ECEBF4
  • gainsboro#DDDDDD
  • berry#F9F2F7
  • bek-blau#473C91
  • bek-lila#AB007C
  • pink#F700B5
  • veilchen#91006B
  • aubergine#780058
  • hyazinth#8071DE
  • indigo#3B3178
  • nachtblau#1C1545
  • sonnengelb#EAE114
  • karotte#F85C50
  • himbeere#FF005C
  • minze#45D09E
  • gras#8FA926
  • olive#598033
  • ozean#02B3CF
  • himmelblau#29A9FF
  • jeans#0B71B7
  • swimmingpool#02C4AA
  • tuerkis#0290A8
  • petrol#00848C

Iconfont

  • link-backEA01
  • link-downloadEA02
  • link-editEA03
  • link-externEA04
  • link-faxEA05
  • link-icalEA06
  • link-internEA07
  • link-intranetEA08
  • link-mailEA09
  • link-mapEA0A
  • link-mobileEA0B
  • link-phoneEA0C
  • link-sectionEA0D

Symbols

  • symbol-close-quote
  • symbol-hamburger
  • symbol-icon-arrow-down
  • symbol-icon-arrow-left
  • symbol-icon-arrow-right
  • symbol-icon-calendar
  • symbol-icon-church
  • symbol-icon-close
  • symbol-icon-donate
  • symbol-icon-download
  • symbol-icon-events
  • symbol-icon-eye
  • symbol-icon-facebook
  • symbol-icon-help
  • symbol-icon-info-service
  • symbol-icon-instagram
  • symbol-icon-institution
  • symbol-icon-link-intern
  • symbol-icon-loading
  • symbol-icon-mail
  • symbol-icon-marker
  • symbol-icon-participate
  • symbol-icon-play
  • symbol-icon-search
  • symbol-icon-seelsorge
  • symbol-icon-size
  • symbol-icon-soundcloud
  • symbol-icon-toend
  • symbol-icon-tostart
  • symbol-icon-totop
  • symbol-icon-twitter
  • symbol-icon-volunteer
  • symbol-open-quote
  • symbol-share-facebook
  • symbol-share-instagram
  • symbol-share-mail
  • symbol-share-twitter
  • symbol-share-whatsapp

Webfonts

Roboto-light 100 Roboto-regular 400 Roboto-bold 700 Literata-Italic 500