KANZLEI WILDE
Design
System
Online-Styleguide — Farben, Typografie, Logos und grafische Elemente der Kanzlei Wilde.
01
Farben
Primärpalette
ISAR-PETROL
HEX #2E7280
RGB 46 / 114 / 128
CMYK 64 / 11 / 0 / 50
Pantone 7466 C
FOEHN-TEAL
HEX #3A8FA0
RGB 58 / 143 / 160
CMYK 64 / 11 / 0 / 37
Pantone 7715 C
KIESEL-TAUPE
HEX #7A7355
RGB 122 / 115 / 85
CMYK 0 / 6 / 30 / 52
Pantone 7531 C
ISARAUEN-SAND
HEX #A09870
RGB 160 / 152 / 112
CMYK 0 / 5 / 30 / 37
Pantone 4675 C
Neutralpalette
MAXVORSTADT-CREME
HEX #E3E0D4
RGB 227 / 224 / 212
CMYK 0 / 1 / 7 / 16
Pantone 7527 C
SCHWABING-WEISS
HEX #FAFAF8
RGB 250 / 250 / 248
CMYK 0 / 0 / 1 / 3
Pantone 663 C
LANDTAG-SCHWARZ
HEX #1E1E1C
RGB 30 / 30 / 28
CMYK 0 / 0 / 7 / 89
Pantone Black 6 C
NOVEMBER-GRAU
HEX #ABABAB
RGB 171 / 171 / 171
CMYK 0 / 0 / 0 / 33
Pantone Cool Gray 6 C
02
Typografie
Display / Headlines
Cinzel — Lokal eingebunden
Aa
Regular 400 — Display
Aa
Bold 700 — Display stark
Kanzlei Wilde
Erbrecht · Immobilienrecht
Wirtschaftsrecht · Zivilrecht
Navigation / Body / Labels
Quicksand — Variable Font 300–700
Fließtext: Beratung auf höchstem Niveau.
LABEL · TRACKING 0.45em
Seit rund zwei Jahrzehnten berate ich mittelständische Unternehmen, Unternehmerfamilien und Privatpersonen in ganz Deutschland.
Typografische Skalierung
03
Logos
Logo anklicken zum Auswählen — Mehrfachauswahl möglich — Format im Balken unten wählen zum Download.
Horizontal
%20--%3e%3cdefs%3e%3cstyle%3e%20.st0%20{%20fill:%20%231e1e1c;%20}%20%3c/style%3e%3c/defs%3e%3cpath%20class='st0'%20d='M20.5,26.4h-5L2.8,12.9,14.2,0h4.2L5.7,13.4l.3-1.6,14.5,14.6ZM3.3,26.4H0V0h3.3v26.4ZM48.4,26.4h-3.7L35.5,1.8h1.3l-9.1,24.5h-3.4L35.1,0h2.9l10.4,26.4ZM43.2,17.6h-14.2l1-2.7h11.8l1.4,2.7ZM59.3,26.4h-3.1V0h2.6l.5,26.4ZM77.2,22.7v3.7c0,0-1.3,0-1.3,0L57.3,2.3V0h2.3l17.5,22.7ZM75.6,0h3.1v26.4h-2.7l-.4-26.4ZM107.9,26.4h-20.7v-2.3c0,0,17.8-23.8,17.8-23.8l1.4,2.3h-18.7c0,.1,0-2.6,0-2.6h19.6v2.2s-17.8,23.9-17.8,23.9l-1.4-2.3h19.7c0-.1,0,2.6,0,2.6ZM119.2,26.4h-3.4V0h3.4v26.4ZM132.7,26.4h-15.8v-2.7h15.8v2.7ZM156.6,23.6v2.7h-16.8V0h15.5v2.7h-12.2v20.9h13.5ZM153.8,14.3h-12.9v-2.6h12.9v2.6ZM168.9,26.4h-3.5V0h3.5v26.4ZM217.2,26.4h-3.4L205.6,0h3.4l7.9,25.6h-2l6.8-25.6h3.2l-7.7,26.4ZM200.1,26.4h-3.4l-7.7-26.4h3.6l7.1,25.6h-2l7.7-25.6h2.8l-8,26.4ZM236.8,26.4h-3.5V0h3.5v26.4ZM251,26.4h-3.4V0h3.4v26.4ZM264.4,26.4h-15.8v-2.7h15.8v2.7ZM279.7,26.4h-8.1V0h8.3c2.2,0,4.2.3,6,.9,1.8.6,3.4,1.4,4.7,2.5,1.3,1.1,2.3,2.4,3,4,.7,1.6,1.1,3.3,1.1,5.3h0c0,1.7-.3,3.3-.8,4.9-.6,1.6-1.4,3.1-2.6,4.4-1.2,1.3-2.8,2.4-4.7,3.1s-4.2,1.2-6.9,1.2h0ZM275,2.5v21.4h4.9c2.1,0,3.8-.3,5.2-.9s2.6-1.4,3.4-2.4,1.5-2.1,1.9-3.4c.4-1.3.6-2.6.6-4h0c0-2-.4-3.8-1.2-5.4-.8-1.6-2.1-2.9-3.8-3.9-1.7-1-4-1.5-6.7-1.5h-4.3ZM320,23.6v2.7h-16.8V0h15.5v2.7h-12.2v20.9h13.5ZM317.2,14.3h-12.9v-2.6h12.9v2.6Z'/%3e%3c/svg%3e)
Vertikal
%20--%3e%3cdefs%3e%3cstyle%3e%20.st0%20{%20fill:%20%231e1e1c;%20}%20%3c/style%3e%3c/defs%3e%3cpath%20class='st0'%20d='M29.4,26.8h-3.5l-1-24.8,1.6-.6-10.9,23.3h-2L3.2,2.8V.4h2.5l10,20.8h-1L24.3.4h3.6l1.6,26.4ZM3.1,26.8H0L1.7.4h2.5l-1.1,26.4ZM60.9,26.8h-3.7L48,2.2h1.3l-9.2,24.6h-3.5L47.5.4h2.9l10.4,26.4ZM55.7,18.1h-14.2l1-2.7h11.8l1.4,2.7ZM72,26.8h-3.3V.4h7.3c1.8,0,3.5.3,4.8.8,1.4.5,2.4,1.3,3.2,2.3s1.1,2.2,1.1,3.6h0c0,1.2-.3,2.2-.8,3.3-.5,1-1.2,1.9-2.1,2.7-.9.8-1.9,1.4-3.1,1.9s-2.3.7-3.6.7h-5.5v-2.5h5.9c1,0,2-.3,2.8-.8.9-.5,1.6-1.2,2.1-2s.8-1.8.8-2.8h0c0-1.4-.5-2.6-1.5-3.5-1-.9-2.5-1.3-4.4-1.3h-3.7v23.9ZM88.8,27.2h0c-1.1,0-2-.2-2.9-.5-.8-.3-1.7-.9-2.4-1.6s-1.6-1.7-2.5-3h0l-5.1-7.3,2.7-1,5.6,7.1c.8,1,1.6,1.8,2.2,2.4.6.6,1.2,1,1.8,1.2s1.1.3,1.7.3h0c.2,0,.5,0,.8,0,.3,0,.7,0,1-.2h0l.7,2c-.7.3-1.3.4-1.9.5-.6,0-1.2.1-1.7.1ZM118.4,26.8h-5l-12.7-13.5L112.2.4h4.3l-12.9,13.5.3-1.6,14.6,14.6ZM101.2,26.8h-3.3V.4h3.3v26.4ZM135.1,27.2h0c-2.1,0-4-.4-5.7-1.3s-2.9-2.1-3.8-3.7c-.9-1.6-1.4-3.5-1.4-5.7h0V.4h3.5v15.4c0,1.8.3,3.3,1,4.6.6,1.3,1.6,2.3,2.8,3,1.2.7,2.6,1,4.2,1h0c1.6,0,3-.3,4.1-1s2-1.6,2.7-2.8c.6-1.2.9-2.6.9-4.1h0V.4h3v15.4c0,2.3-.5,4.3-1.4,6-.9,1.7-2.2,3-3.9,4-1.7,1-3.7,1.4-6,1.4ZM167.7,20.4h0c0-.9-.2-1.7-.7-2.3-.4-.6-1-1.2-1.8-1.7-.8-.5-1.6-.9-2.5-1.3-.9-.4-1.8-.9-2.7-1.3s-1.7-1-2.5-1.5c-.7-.6-1.4-1.3-1.8-2s-.7-1.7-.7-2.9h0c0-1.5.4-2.8,1.1-3.9.7-1.1,1.7-1.9,3-2.5,1.3-.6,2.7-.9,4.3-.9h0c1.1,0,2.3.1,3.5.4,1.2.3,2.2.7,3.2,1.2h0l-1.2,3.1c-.8-.7-1.7-1.2-2.8-1.6-1.1-.4-2.1-.6-3.2-.6h0c-1,0-1.9.2-2.6.6-.7.4-1.2.9-1.5,1.5-.3.6-.5,1.2-.5,1.9h0c0,.8.2,1.5.7,2.1.5.6,1.1,1.1,1.8,1.5s1.6.9,2.5,1.3,1.8.9,2.7,1.3c.9.5,1.7,1,2.5,1.6.7.6,1.4,1.4,1.8,2.2.5.9.7,1.9.7,3h0c0,1.6-.4,3-1.2,4.2-.8,1.2-1.8,2-3.2,2.6-1.3.6-2.8.9-4.5.9h0c-1.7,0-3.2-.3-4.7-.8s-2.6-1.2-3.6-1.9h0l1.7-2.9c1,.9,2.1,1.6,3.4,2.1s2.6.8,3.9.8h0c1.5,0,2.7-.4,3.6-1.1s1.3-1.8,1.3-3.1ZM217,26.8h-3.4L205.4.4h3.4l8,25.6h-2L221.5.4h3.3l-7.7,26.4ZM199.8,26.8h-3.4L188.8.4h3.6l7.1,25.6h-2L205.1.4h2.8l-8,26.4ZM236.6,26.8h-3.5V.4h3.5v26.4ZM250.8,26.8h-3.4V.4h3.4v26.4ZM264.3,26.8h-15.8v-2.7h15.8v2.7ZM279.6,26.8h-8.1V.4h8.3c2.2,0,4.2.3,6,.9,1.8.6,3.4,1.4,4.7,2.5,1.3,1.1,2.3,2.5,3,4,.7,1.6,1.1,3.3,1.1,5.3h0c0,1.7-.3,3.3-.8,5-.6,1.6-1.4,3.1-2.7,4.4-1.2,1.3-2.8,2.4-4.7,3.2-1.9.8-4.2,1.2-6.9,1.2h0ZM274.9,2.9v21.4h4.9c2.1,0,3.8-.3,5.2-.9,1.4-.6,2.6-1.4,3.5-2.4.9-1,1.5-2.1,1.9-3.4s.6-2.6.6-4h0c0-2-.4-3.8-1.2-5.4s-2.1-2.9-3.8-3.9c-1.7-1-4-1.5-6.7-1.5h-4.3ZM320,24.1v2.7h-16.8V.4h15.5v2.7h-12.3v21h13.5ZM317.2,14.7h-12.9v-2.7h12.9v2.7Z'/%3e%3c/svg%3e)
04
Grafische Elemente
Plus-Schraffur — Systemgrafik · 40px Raster
Variante Light
Auf Petrolblau — 40px Raster
Variante Sand
Auf hellem Grund — 40px Raster
Variante Tief
Auf hellem Grund — 40px Raster
UI-Elemente
Buttons
Text-Links
Karte mit Border-Left
Erbrecht
Trennlinien