Kanton Luzern Styleguide

Kachel Columns Portlet

4 Kachel nebeneinander

Kachel blau

Kachel grün

Kachel rot

9 Kachel / verschiedenen Grössen / verschieden zugeordnet

Kachel gelb hoch

Kachel pink

Kachel blau

Kachel orange

Kachel rot

Kachel grün hoch

Kachel hellblau

Kachel rot

Kachel blau hoch

1 gross 4 klein Kachel

Kachel orange

Kachel grün

Kachel violet

Kachel pink

Kachel hellblau

3 Kachel nebeneinander mit Text

Kachel orange
Kachel rot

lipsum ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. 
Link: www.lu.ch
Kachel grün
Kachel pink

lipsum ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Kachel hellblau
Kachel violet

2 Kachel nebeneinander mit Text

Kachel orange

lipsum ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. 
Link: www.lu.ch
Kachel grün

lipsum ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Anpassungsmöglichkeiten

Kachel blau

Kachel Rahmenfarbe auf #4678B4 geändert.
Kachel orange

Schriftgrösse auf 70% geändert.
Kachel grün

Ecken-Radius des Rahmens mit 20px Abrundung.
Kachel rot

Hintergrundfarbe über die ganze Kachel.
Kachel mit Schlagschatten und Anpassung der Schriftfarbe
Durch das Hinzufügen von Schlagschatten erhalten die Kacheln mehr Tiefe, während die Anpassung der Schriftfarbe das Erscheinungsbild der Seite weiter verbessern kann.