Common Frontend Styleguide Web

Der Styleguide Web beschreibt alle Elemente des Common Web Frontend Projekts.

Design

Basis Farben

#fff

Weiss

#fff

#000

Schwarz

#000

Erweitert Farben

#333

Carbon

#333

#666

Smoke

#666

#999

Limestone

#999

#ccc

Iron

#ccc

#e8e8e8

Silver

#e8e8e8

#f4f4f4

Lighthouse

#f4f4f4

#c00

Rot

#c00

#fc0

Orange

#fc0

#0c3

Grün

#0c3

Komponenten

Mit diesen Komponenten erstellen wir ansprechende Inhalte und Anwendungen

Alert Active
Hinweis / Warnung / Erfolg
Anchor Active
Anchor
Audio Active
Audio HTML5
Backgroundimages Active
Background Image Slider
Breadcrumb Active
Breadcrumb
Button Active
Knöpfe in verschiedenen Stilen
Cookie Banner Active
Textstyle
Counter Active
Textstyle
CustomShop Active
Textstyle
DatePicker Active
Textstyle
Expander Active
Verschiedene Expander
Forms Active
Formular mit verschiedenen Feldtypen
Google-Maps Active
Google-Maps
Grid Active
Grid Layouts
Image Active
Image
Imageslider Active
Imageslider / Carousel
Intro Active
Intro
Languagenavigation Active
Sprachnavigation, Sprachwahl, Sprachen
Lightbox Active
Lightbox
Linkmenu Active
Linkmenu
Memo Active
Memo
Rating Active
Rating Komponente
ScrollIndicator Active
ScrollIndicator
Shopping Basket Active
Shopping Basket
Sitecore Forms Active
Sitecore Forms
Slidecollection Active
Slider mit Hintergrundbild und Inhaltselementen
Spacer Active
Delimiter
Storefinder Active
Delimiter
Suche Active
Such Overlay
TabContainer Active
Tab Container
Teaser Active
Teaser
Teasercollection Active
Teasersammlung
Teasergrid Active
Teasergrid
Text Active
Textstyle
Tooltip Active
Textstyle
Video Active
Video HTML5
VideoYoutube Active
Video Youtube

Layouts

Komponenten können in den folgenden Layouts angewendet werden.

Standardseite Work in Progress
Startseite

Templates

Diese Templates kombinieren Komponenten und Layouts zu kompletten Seiten. Alle Templates für WCMS Kernfunktionen.

Startseite Work in Progress
Startseite
Detailseite Work in Progress
Detailseite
Shop Produktübersicht Active
Produktübersichtsseite des Custom Shops
Shop Produktdetails Work in Progress
Produktdetails-Seite des Custom Shops
Shop Warenkorb Work in Progress
Warenkorbseite

Legende

Active: Dies ist bereit zum Einsatz / zur Wiederverwendung
Work in Progress: Dies ist aktuell in Entwicklung und kann sich noch verändern
Deprecated: Dies wird demnächst entfernt. Es sollte nicht kopiert / verwendet werden.