# OVERVIEW

<figure><img src="https://2122813178-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fntjp6OxZgF8lxZ7jLd4L%2Fuploads%2FcUw7IxAVZ2QIxOAJvUVj%2Fcv.png?alt=media&#x26;token=6c430e02-ba9a-4797-92f5-347397d85cb7" alt=""><figcaption><p> </p></figcaption></figure>

Photoruction Design Systemは関係するすべての人々が、自分の仕事に誇りを持てる体験を伝えるために作られたデザインシステムです。誰もが生産性高く、フォトラクションらしいデザインを作れるよう複数の要素で構成されています。　　

### Structure

PRINCIPALS（基本原則）をもとに、色やフォントなどの基本要素であるマテリアルが、すべてのデザインの起点となります。 コンテンツの内容は、まだ未完成のものであっても最速挙動の精神で実行しながら軌道修正をしていきます。

<figure><img src="https://2122813178-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fntjp6OxZgF8lxZ7jLd4L%2Fuploads%2FbboayTaLjzvAZ4001DbZ%2Fcc2.png?alt=media&#x26;token=c1ee1e5a-4f2d-4cde-81fc-1ab8a1206a95" alt=""><figcaption></figcaption></figure>

### Contents

<table data-view="cards"><thead><tr><th></th><th data-hidden data-card-target data-type="content-ref"></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td>基本原則</td><td><a href="principals">principals</a></td><td><a href="https://2122813178-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fntjp6OxZgF8lxZ7jLd4L%2Fuploads%2FK6AWH0Bb9YY7P9gRSfNw%2Fpr.png?alt=media&#x26;token=918ca4b9-c50e-4092-9ad4-3f63bc781827">pr.png</a></td></tr><tr><td>基本要素</td><td><a href="materials">materials</a></td><td><a href="https://2122813178-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fntjp6OxZgF8lxZ7jLd4L%2Fuploads%2FF9UDPFNw1CqNhW1TlUuT%2Fma.png?alt=media&#x26;token=cb43ca02-ed36-41f6-8f1e-0bf1a608dc6b">ma.png</a></td></tr><tr><td>デザイントークン</td><td><a href="design-token">design-token</a></td><td><a href="https://2122813178-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fntjp6OxZgF8lxZ7jLd4L%2Fuploads%2FbGORfoo0TOM7PfoRnD8V%2Fdt.png?alt=media&#x26;token=173d293e-ec01-4def-b6aa-f614d4792cd4">dt.png</a></td></tr><tr><td>コンポーネント</td><td><a href="component">component</a></td><td><a href="https://2122813178-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fntjp6OxZgF8lxZ7jLd4L%2Fuploads%2FXKJuFm9p1zA1DuA1Sss8%2Fco.png?alt=media&#x26;token=ba715c59-4dce-49e8-a8f1-103636ae84d8">co.png</a></td></tr><tr><td>ライティング</td><td><a href="writing">writing</a></td><td><a href="https://2122813178-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fntjp6OxZgF8lxZ7jLd4L%2Fuploads%2FMdBqu2mJj9vR85gezCnZ%2Fwr.png?alt=media&#x26;token=37001617-2307-486b-8818-06223b665145">wr.png</a></td></tr><tr><td>デザインパターン</td><td><a href="design-pattern">design-pattern</a></td><td><a href="https://2122813178-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fntjp6OxZgF8lxZ7jLd4L%2Fuploads%2FmE4xObZFjmNuCzFxnMyR%2Fdp.png?alt=media&#x26;token=db4eefda-1e79-4267-9192-78cd726dd3ce">dp.png</a></td></tr><tr><td>オーダーボード</td><td><a href="construction-bpo">construction-bpo</a></td><td><a href="https://2122813178-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fntjp6OxZgF8lxZ7jLd4L%2Fuploads%2FREylrrWeGe98h1oee1mB%2Fcb.png?alt=media&#x26;token=5b013110-6425-484d-9edb-d697ad8f015d">cb.png</a></td></tr><tr><td>ツールズ</td><td><a href="tools">tools</a></td><td><a href="https://2122813178-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fntjp6OxZgF8lxZ7jLd4L%2Fuploads%2FCqrPyhT7jLejZhasick4%2Fto.png?alt=media&#x26;token=1139cbdb-205d-427b-bc3c-c6b72901bd68">to.png</a></td></tr></tbody></table>