> For the complete documentation index, see [llms.txt](https://ds.photoruction.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ds.photoruction.com/overview.md).

# 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&amp;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&amp;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.md">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&amp;token=918ca4b9-c50e-4092-9ad4-3f63bc781827">pr.png</a></td></tr><tr><td>基本要素</td><td><a href="/materials.md">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&amp;token=cb43ca02-ed36-41f6-8f1e-0bf1a608dc6b">ma.png</a></td></tr><tr><td>デザイントークン</td><td><a href="/design-token.md">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&amp;token=173d293e-ec01-4def-b6aa-f614d4792cd4">dt.png</a></td></tr><tr><td>コンポーネント</td><td><a href="/component.md">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&amp;token=ba715c59-4dce-49e8-a8f1-103636ae84d8">co.png</a></td></tr><tr><td>ライティング</td><td><a href="/writing.md">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&amp;token=37001617-2307-486b-8818-06223b665145">wr.png</a></td></tr><tr><td>デザインパターン</td><td><a href="/design-pattern.md">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&amp;token=db4eefda-1e79-4267-9192-78cd726dd3ce">dp.png</a></td></tr><tr><td>オーダーボード</td><td><a href="/construction-bpo.md">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&amp;token=5b013110-6425-484d-9edb-d697ad8f015d">cb.png</a></td></tr><tr><td>ツールズ</td><td><a href="/tools.md">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&amp;token=1139cbdb-205d-427b-bc3c-c6b72901bd68">to.png</a></td></tr></tbody></table>