Design System — petermaier.at

Wyekstrahowany z petermaier.at (Julian Petermaier — Digital Product Design). Charakter: czysty, minimalistyczny, deep-indigo akcent, bold display, dużo whitespace.

Kolory

Primary#160042

Ink#0d0d12

Muted#666666

Slate#2f313e

Surface#f7f9fd

Surface 2#f3f5fb

Line#e4e6f1

White#ffffff

Typografia — Nohemi (display) · Avenir (body)

H1 · 64Aa Hey, ich bin

H2 · 48Willkommen

H3 · 32Sekcja nagłówek

Body · 16Suchst du jemanden, der deine digitalen Träume wahr werden lässt?

Fonty realne: Nohemi + Avenir (komercyjne). W podglądzie podstawione Sora/Manrope.

Buttony — pill 48px, deep indigo

Karta — surface #f7f9fd, radius 12px, bez cienia

Digital Product Design

Karty na jasnym lawendowym tle, miękkie rogi, płaskie (zero cienia), 32px paddingu.

Przykład — hero w tym stylu

Digital Product Designer

Nowoczesny design, gotowy od ręki 👋

Czysty layout, deep-indigo akcent, bold display i dużo powietrza — charakter petermaier.at.

Akcent — 6 kandydatów na deep indigo (petermaier go nie miał)

Na deep indigo akcent pop-uje najmocniej. Pomarańcz (#E8791A) jest komplementarny do indigo → maksymalny kontrast, a przy tym spójny z logo WebFox. Lime = najbardziej „dev/tech". Twój wybór.

Promienie · Motion

pill 48pxcard 12pxsm 8px duration .2seasing easeslide 20%zoom .85