Zurück zur Übersicht

Seitenhintergründe und Layer

Hintergründe

Hintergründe
TypEigenschaftenVerwendung
1. Standard-Hintergrund mit VerlaufVerlauf von #aec8d2 nach #ffffffHintergrundverlauf
2. Weißer Seitenhintergrund mit Schatten#ffffffSeitenhintergrund
3. Hintergrund für Sucheingabefeld#f2f4f6Sucheingabefeld
4. Hintergrund der HauptnavigationVerlauf von #ffffff nach #eceff2Navigation
5. Bühnen-Hintergrund

1-Pixel-Rand #f2f4f6;

Verlauf von #ffffff nach #eceff2

Bühnen-Hintergrund
6. Teaser-Hintergrund

1-Pixel-Rand #f2f4f6;

Verlauf von #ffffff nach #eceff2

Teaserbox mit Verlauf

Layer

Layer

Bespiel für Layer mit schattiertem Hintergrund

Ein Layer hat einen geschützten Bereich von 16 Pixeln auf allen vier Seiten. Der Schließen-Button hat einen Abstand von 8 Pixeln zur rechten und oberen Kante des Layers. Der Layer wirft einen Schatten von fünf Pixeln. Der Schatten hat einen Abstand von drei Pixeln zum Layer. Ist der Layer geöffnet, wird der Hintergrund vollflächig von einem Schatten bedeckt.

Eingenschaften

  • Layer-Rand: #ccd0d2
  • Hintergrund: #000000, Opazität: 35 %

 

PHOENIX CONTACT
GmbH & Co. KG

+49 5235 3-41984

Christine Nolte-Dietrich

Christine Nolte-Dietrich

Coordinator Communication Guidelines

Diese Webseite verwendet Cookies. Indem Sie weiter navigieren, stimmen Sie der Nutzung zu. Für weitere Informationen lesen Sie unsere Datenschutzerklärung.

Schließen