トップページ

Ubie logo created by combining components

To deliver
Ubie's products
to all users

Design Systems for Digital Products

Design Principles

デザイン上において目指すべき指針を言語化したものがDesign Principles(デザイン原則)です。誰でも、効率よく、迷わずに、Ubieらしい表現をするための基礎です。

Learn More
4つのデザイン原則が表示されている。「気軽」「かんたん」「誠実」「スッキリ」

Tokens

タイポグラフィ、カラー、スペーシングなど、デザインの最小単位。ユビー「らしさ」を確保するための基本ルールです。

Explore

Components

組み合わせによる、迅速なプロダクト構築をサポートします。コードサンプルと使用方法を紹介します。

Explore

Layouts

複数のコンポーネントを組み合わせて、複雑なレイアウトを構築する実例を紹介します。

Explore

Icons

視覚的にユーザーの視認性をサポートするアイコンの一覧です。

Explore

Contribute

Ubie VitalsはGitHubで管理されています。課題、質問があればIssueをお寄せください。
また、Slackチャンネルの#team-design-productivityでも問い合わせを受け付けています。