Porsche Design System
Find all the fundamental UXI guidelines and pattern-based web components to build brand driven, consistent and intuitive designs for digital Porsche products.
āļāļ°āđāļāļ
70
āļāļ°āđāļāļāļāļđāđāđāļāđ
3.0
āļāļēāļĢāļŠāļāļąāļāļŠāļāļļāļāļāļĢāļĩ/āļāļāļĨāļāļāđāļāđ
āļĢāļāļāļĢāļąāļ
āļĢāļēāļāļēāđāļĢāļīāđāļĄāļāđāļ
--
āļāļąāļāđāļāļāļĨāđāļēāļŠāļļāļ
āļŠ.āļ. 04, 2026
āļ āļēāļāļĢāļ§āļĄ
Porsche Design System āļāļ·āļāļāļ°āđāļĢ?
Find all the fundamental UXI guidelines and pattern-based web components to build brand driven, consistent and intuitive designs for digital Porsche products.
Porsche Design System āđāļāđāļŠāļģāļŦāļĢāļąāļāļāļ°āđāļĢ?
āđāļāđāļ
āļāļĨāļļāđāļĄāļāļđāđāđāļāđ
āļāļļāļāļŠāļĄāļāļąāļāļīāļŦāļĨāļąāļ
- āđāļĨāļāļĢāļēāļĢāļĩ Figma āļŠāļģāļŦāļĢāļąāļāļāļēāļĢāļāļāļāđāļāļ
- Web Components āļāļĢāđāļāļĄāļĢāļāļāļĢāļąāļ TypeScript
- āļāļđāđāđāļĄāđāđāļāļ·āđāļāđāļĢāļ·āđāļāļāļāļĢāļ°āđāļāđāļēāļāļĢāļāļāļāļēāļ (React, Angular, Vue āļŊāļĨāļŊ )
- āļāļēāļĢāđāļāđāļēāļāļķāļāļāļĩāđāļŠāļāļāļāļĨāđāļāļāļāļąāļ WCAG
- āļāļāļāļŠāļāļāļāđāļĨāļ°āļāļĢāļąāļāļāļąāļ§āđāļāđāļāļĒāđāļēāļāđāļāđāļĄāļāļĩāđ
- āļāļēāļĢāļāļāļŠāļāļāļāļąāļāđāļāļĄāļąāļāļīāđāļĨāļ°āļāļēāļĢāļāļĢāļ§āļāļŠāļāļāļāļ§āļēāļĄāļāļĨāļāļāļ āļąāļĒ
- āļĢāļŦāļąāļŠāđāļāđāļāđāļāļāļāļĢāđāļŠāļŠāļģāļŦāļĢāļąāļāļāļēāļĢāļāļģāļāļēāļāļĢāđāļ§āļĄāļāļąāļ
- āļāļąāļāđāļāļāļŠāđāļāļĨāđāđāļĨāļ°āļŠāđāļ§āļāļāļĢāļ°āļāļāļāđāļāđāļāļāļĢāļ°āļāļģ
āļ§āļīāļāļĩāđāļāđ Porsche Design System?
āđāļĢāļīāđāļĄāļāđāļāļāđāļ§āļĒāļāļēāļĢāđāļāđāļēāļāļķāļāđāļĨāļāļĢāļēāļĢāļĩ Figma āđāļāļ·āđāļāļāļēāļĢāļāļāļāđāļāļāļŦāļĢāļ·āļāđāļāđāļāđāļāļ npm āđāļāļ·āđāļāļāļēāļĢāļāļąāļāļāļē āđāļāđ Web Components āđāļāđāļāļĢāļĄāđāļ§āļīāļĢāđāļāļāļĩāđāļāļļāļāļāđāļāļāļāļēāļĢ āļāļāļīāļāļąāļāļīāļāļēāļĄāđāļāļ§āļāļēāļāļāļĩāđāđāļŦāđāđāļ§āđ āđāļĨāļ°āļĄāļĩāļŠāđāļ§āļāļĢāđāļ§āļĄāļāđāļēāļāļāļ·āđāļāļāļĩāđāđāļāđāļāļāđāļāļĄāļđāļĨ GitHub āļŠāļģāļŦāļĢāļąāļāļāļģāļāļīāļāļĄāđāļĨāļ°āļāļģāļāļāļāļļāļāļŠāļĄāļāļąāļāļī
āđāļāļĢāļ·āđāļāļāļĄāļ·āļāļāļēāļāđāļĨāļ·āļāļ
āđāļĄāđāļāļāđāļāļĢāļ·āđāļāļāļĄāļ·āļāļāļēāļāđāļĨāļ·āļāļ
āļāđāļāļāļĩ & āļāđāļāđāļŠāļĩāļĒ
āļāđāļāļāļĩ
- āđāļĢāđāļāļāļēāļĢāļāļąāļāļāļēāļāđāļ§āļĒāļŠāđāļ§āļāļāļĢāļ°āļāļāļāļāļĩāđāļāļģāļĄāļēāđāļāđāļāđāļģāđāļāđ
- āļĢāļąāļāļāļĢāļ°āļāļąāļāļāļ§āļēāļĄāļŠāļĄāđāļģāđāļŠāļĄāļāļāļāļāđāļāļĢāļāļāđāđāļĨāļ°āļāļĢāļ°āļŠāļāļāļēāļĢāļāđāļĢāļ°āļāļąāļāļāļĢāļĩāđāļĄāļĩāđāļĒāļĄ
- āļāļēāļĢāļāļāļīāļāļąāļāļīāļāļēāļĄāļāđāļāļāļģāļŦāļāļāđāļāļāļēāļĢāđāļāđāļēāļāļķāļāļŠāļđāļ
- āļĄāļĩāļāļ§āļēāļĄāļĒāļ·āļāļŦāļĒāļļāđāļāđāļāļŦāļĨāļēāļĒāļāļĢāļāļāļāļēāļ
- āđāļāđāļāđāļāļāļāļĢāđāļŠāļŠāđāļāđāļŠāļĢāļīāļĄāļāļ§āļąāļāļāļĢāļĢāļĄāđāļĨāļ°āļāļ§āļēāļĄāđāļāļĢāđāļāđāļŠ
āļāđāļāđāļŠāļĩāļĒ
- āđāļāđāļāđāļāļāļĩāđāđāļāļĨāļāļāļāļĢāđāļĄāđāļ§āđāļāđāļāđāļāļŦāļĨāļąāļ āđāļĄāđāļĄāļĩāļāļēāļĢāļŠāļāļąāļāļŠāļāļļāļāļāļāļĄāļ·āļāļāļ·āļ
- āļāļēāļāļāđāļāļāļĄāļĩāļāļēāļĢāđāļĢāļĩāļĒāļāļĢāļđāđāļŠāļģāļŦāļĢāļąāļāļāļđāđāđāļāđāđāļŦāļĄāđāļāļĩāđāđāļĄāđāļāļļāđāļāđāļāļĒāļāļąāļāļĢāļ°āļāļāļāļēāļĢāļāļāļāđāļāļ
āļāļĢāļāļĩāļāļēāļĢāđāļāđāļāļēāļ
- āļŠāļĢāđāļēāļāđāļāļāļāļĨāļīāđāļāļāļąāļāđāļ§āđāļāļāļĩāđāļŠāļāļāļāļĨāđāļāļāļāļąāļāđāļāļĢāļāļāđāļŠāļģāļŦāļĢāļąāļ Porsche āļŦāļĢāļ·āļāđāļāļĢāļāļāđāļāļĢāļĩāđāļĄāļĩāļĒāļĄāļāļĩāđāļāļĨāđāļēāļĒāļāļąāļ
- āđāļĢāđāļāļāļēāļĢāļāļąāļāļāļēāđāļ§āđāļāđāļāļāđāđāļāļāļĩāļĄāļāļāļāđāļāļĢāļŦāļĢāļ·āļāļāļĨāļēāļāļĢāļ°āļāļąāļāļāļĨāļēāļ
- āļĢāļąāļāļāļĢāļ°āļāļąāļāļāļēāļĢāđāļāđāļēāļāļķāļāđāļĨāļ°āļāļēāļĢāļāļāļāđāļāļāļāļĩāđāļāļāļāļŠāļāļāļāđāļāđāļāļĢāļāļāļēāļĢāļāļīāļāļīāļāļąāļĨ
āļĢāļēāļāļē Porsche Design System
āđāļāļāļāļĢāļĩ
āđāļĄāđāļĄāļĩāļāđāļāļĄāļđāļĨāļĢāļēāļāļēāđāļāļĒāļĨāļ°āđāļāļĩāļĒāļ
āļĢāļĩāļ§āļīāļ§āļāļđāđāđāļāđ
3.0
āļāļēāļ 5
3.0
āļĒāļąāļāđāļĄāđāļĄāļĩāļĢāļĩāļ§āļīāļ§
āđāļāđāļāļāļāđāļĢāļāļāļĩāđāļĢāļĩāļ§āļīāļ§āđāļāļĢāļ·āđāļāļāļĄāļ·āļāļāļĩāđ!