Porsche Design System

プロダクト概要

Porsche Design Systemは、Porscheの公式オープンソースデザインシステムで、Porscheのウェブ、モバイル、カーアプリケーション全体で一貫性のあるアクセシブルでラグジュアリーなデジタル体験を構築するための再利用可能なUIコンポーネント、パターン、ガイドラインを提供します。Porscheのブランド価値である精度、パフォーマンス、エレガンスを反映し、Web Components（Porsche Design System Core）とReactラッパーを使用したハイエンドの美学、モジュール性、開発効率に焦点を当てています。 コンポーネントライブラリ：テーマと状態のためのバリアントを備えたボタン、フォーム、ナビゲーション、カード、Porsche固有のウィジェット（カーコンフィギュレータツールなど）の再利用可能な要素。 デザイントークン：プレミアムな一貫性のためのセマンティックカラー（Porscheパレット）、タイポグラフィ、間隔、アイコン、モーション。 アクセシビリティ：ARIAサポートと包括的なパターンを備えたWCAG準拠。 ツール：プロトタイピングのためのFigmaキット。実装のためのWeb ComponentsとReactライブラリ。探索のためのStorybook。

こんな方に最適

チーム 構築 スケーラブル, consistent digital products.

主な機能

• コンポーネントライブラリ: Reusable elements のような buttons, forms, navigation, cards, と Porsche-特定 widgets (e.g., car configurator ツール) を使った variants のための themes と states.
• デザイントークン: Semantic 色 (Porsche パレット), タイポグラフィ, 間隔, アイコン, と motion のための プレミアム consistency.
• アクセシビリティ: WCAG compliance を使った ARIA サポート と inclusive パターン.
• ツール: Figma キット のための プロトタイピング; ウェブ コンポーネント と React ライブラリ のための implementation; Storybook のための exploration.