Zum Hauptinhalt springen

Pattern Library of UI components

Design Components

Consistent, reusable UI patterns addressing common design problems — reducing redundancy and ensuring scalable front-end development.

Typography

H1 Quicksand | 48px

H2 Quicksand | 38px

H3 Quicksand | 32px

H4 Quicksand | 25px

P Noto Bold | 18px | 700

P Noto Regular | 18px | 400

Buttons

Colors

Primary
.bg-primary
#d72b00

Secondary
.bg-nidorina
#669999 - #22373f (gradient)

Font Color
.bg-body
#333 (light mode)
#eee (dark mode)

Font Color
.bg-body
#333 (light mode)
#eee (dark mode)

Icons

p uses Noto | font-size: clamp(1rem, 1.5vw, 1.2rem)

Lorem ipsum dolor sit amet, dies ist ein Link im Fließtext.