DESIGN SYSTEM
デザインの全体像を、 ひとつのページに。
色・文字・パーツは、有効なテーマと保存済みのスタイルを反映します。子テーマに切り替えると、このページもそのデザインに変わります。
01 / Colours
配色
背景
Aa
文字
Aa
アクセント
Aa
アクセント上の文字
Aa
補助背景
Aa
02 / Typography
文字
H1
想いを、新しい可能性へ。
H2
想いを、新しい可能性へ。
H3
想いを、新しい可能性へ。
H4
想いを、新しい可能性へ。
H5
想いを、新しい可能性へ。
H6
想いを、新しい可能性へ。
BODY
よいデザインは、伝えたいことが自然に届くためのもの。言葉の読みやすさ、余白の心地よさ、情報の見つけやすさを、一つひとつ整えていきます。
ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789
小さな文字
標準の文字
大きな文字
特大の文字
04 / Layouts & cards
レイアウト・カード
01
見つける
有効なテーマの配色や文字組みを受け継ぐ、基本のカードです。
02
つくる
有効なテーマの配色や文字組みを受け継ぐ、基本のカードです。
03
育てる
有効なテーマの配色や文字組みを受け継ぐ、基本のカードです。
2カラムのレイアウト
画面が狭くなると縦に並びます。文章量が変わっても読みやすいか、実際の内容で確認できます。
05 / Content parts
文章パーツ
- 目的が伝わる見出し
- 読みやすい文章のリズム
- 次の行動がわかる案内
使う人を想い、丁寧につくる。
引用文のサンプル
| 項目 | 内容 |
|---|---|
| サービス | 企画・制作・運用サポート |
| スケジュール | ご相談内容に合わせて調整 |
このページは編集できますか？
はい。すべて標準ブロックです。テーマの更新で、このページの編集内容を置き換えることはありません。
