Advanced Settings (light)
Global Colors
primary
#978161
primary-variant
#9e5957
secondary
#2d2d2d
secondary-variant
#eaeaea
primary-contrast
#f8f8f8
primary-contrast-variant
#dadada
secondary-contrast
#4c4c4c
secondary-contrast-variant
#c2c2c2
transparent
white
grey
Dark/Light mode relevant colors
Beispiel
Graustufenverteilung (Light-Mode)
Arbeitsrecht für alle Beteiligten
[Kanzleiname] ist spezialisiert im Fachgebiet Arbeitsrecht. Wir vertreten Arbeitnehmer, Arbeitgeber und Gewerkschaften.
Bankrecht und Kapitalmarktrecht
Bei Rechtsfragen im Bereich Bankrecht und Kapitalmarktrecht steht Ihnen unser spezialisierter Fachanwalt zur Verfügung.
Baurecht und Architektenrecht
Unser Fachanwalt für Baurecht und Architektenrecht berät und vertritt Sie in baurechtlichen und architektenrechtlichen Angelegenheiten.
Border: secondary-contrast-variant (#c2c2c2)
Background-Color: primary-contrast-variant (#dadada)
Fonts & Font Colors
Absatztext (Standard)
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua
Font: Inter Regular 400 / 16px / 1.5 LH / 0 Spacing
Color: secondary-contrast
Einführungstext
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua
Font: Inter Regular 400 / 18px / 1.75 LH / 0 Spacing
Color: secondary-contrast
Kleiner Text
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua
Font: Inter Regular 400 / 14px / 1.75 LH / 0 Spacing
Color: secondary-contrast
Zwischenüberschrift
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua
Font: Inter Semibold 600 / 16px / 1.75 LH / 0 Spacing
Color: secondary-contrast
Tagline
Lorem ipsum
Font: Inter Bold 700 / 12px / 1.25 LH / 0 Spacing / Uppercase
Color: primary-variant
Links
Link Color: secondary-contrast:
Link Hover Color: secondary:
Headlines
H1 Wir stellen uns vor
Font: DM Serif Display 400 / 56px / 1,25 LH / 0 Spacing /
Color: Secondary
H2 Wir stellen uns vor
Font: DM Serif Display 400 / 40px / 1,25 LH / 0 Spacing /
Color: Secondary
H3 Wir stellen uns vor
Font: DM Serif Display 400 / 26px / 1,25 LH / 0 Spacing /
Color: Secondary
H4 Wir stellen uns vor
Font: DM Serif Display 400 / 24px / 1,25 LH / 0 Spacing /
Color: Secondary
H5 Wir stellen uns vor
Font: DM Serif Display 400 / 20px / 1,25 LH / 0 Spacing /
Color: Secondary
H6 Wir stellen uns vor
Font: DM Serif Display 400 / 16px / 1,25 LH / 0 Spacing /
Color: Secondary
Navigation
Level 1
Ebene 1 Textfarbe: Secondary-Contrast: #
Ebene 1 Aktive/Hover Textfarbe: Secondary
Font Family: Inter Semi Bold 600 / 15px / 1,5 LH / Spacing 1
Level 2
Level 2 Color: Secondary-Variant: #
Font Family: Inter Semi Bold 600 / 14px / 1,5 LH / Spacing 1
Level 3
Level 3 Color: Secondary-Variant: #
Font Family: Inter Normal 400 / 14px / 1,5 LH / Spacing 1
Buttons
Font: Inter Semi Bold 600 / 12px / 1,5 LH / Spacing 2 / Uppercase
Button Text Color: Inherit: #ffffff
Buttons
Button Background Color: primary
Button Hover Color: primary-variant
Border radius (px): 3
Navigation
Navigation Layout
Volle Desktop Breite: on
Navigation Height: 80
Hamburger on desktop: off
Navigation sticky: off
Überdeckende Navigation: off
Logo and Navigation presets: logo left, navigation right
Logo size in %: 40
Hamburger Einstellungen
Hamburger-Menü auf Desktop: off
Icon Color: primary
Background Color: transparent
Active/Hover Icon Color: primary-variant
Active/Hover Background Color: transparent
Level 1
Hover Animation: textfarbenänderung
Active/Hover Text Color: secondary
Background Color: transparent
Hamburger Menu Background Color: transparent
Active/Hover Background Color: transparent
Level 2
Ebene 2 Textfarbe: secondary-contrast
Active/Hover Text Color: primary
Hintergrundfarbe: primary-contrast
Hintergrundfarbe: primary-contrast
Aktive/Hover Hintergrundfarbe: primary-variant
Level 3
Ebene 3 Textfarbe: primary
Aktive/Hover Textfarbe: primary-contrast
Hintergrundfarbe: primary-contrast
Aktive/Hover Hintergrundfarbe: primary-variant
Footer
Footer visible: off