# Photoruction Design System

## Design System

- [OVERVIEW](https://ds.photoruction.com/overview.md)
- [PRINCIPALS](https://ds.photoruction.com/principals.md): 基本原則
- [MATERIALS](https://ds.photoruction.com/materials.md): 基本要素
- [ロゴ](https://ds.photoruction.com/materials/logo.md)
- [色](https://ds.photoruction.com/materials/color.md)
- [フォント](https://ds.photoruction.com/materials/font.md)
- [DESIGN TOKEN](https://ds.photoruction.com/design-token.md): デザイントークン
- [色](https://ds.photoruction.com/design-token/color.md)
- [タイポグラフィ](https://ds.photoruction.com/design-token/typography.md): フォントの太さは２種類とし、大きさは下記の通りとする。
- [角丸/シャドウ](https://ds.photoruction.com/design-token/radius.md): 本サービスで使用する角丸とシャドウ
- [スペース](https://ds.photoruction.com/design-token/space.md): 本サービスで使用する余白の基準は原則４と８の倍数で設定する。40px以上は８の倍数pxを基本とする。
- [COMPONENT](https://ds.photoruction.com/component.md): コンポーネント
- [Common Rules](https://ds.photoruction.com/component/common-rules.md)
- [Accordion](https://ds.photoruction.com/component/accordion.md)
- [ArtWork](https://ds.photoruction.com/component/artwork.md)
- [Badge](https://ds.photoruction.com/component/badge.md)
- [Balloon](https://ds.photoruction.com/component/balloon.md)
- [Button](https://ds.photoruction.com/component/button.md)
- [Card](https://ds.photoruction.com/component/card.md)
- [Dropdown](https://ds.photoruction.com/component/dropdown.md)
- [Footer](https://ds.photoruction.com/component/footer.md)
- [Form](https://ds.photoruction.com/component/form.md)
- [Header](https://ds.photoruction.com/component/header.md)
- [Headline](https://ds.photoruction.com/component/headline.md)
- [Icon](https://ds.photoruction.com/component/icon.md)
- [Logo](https://ds.photoruction.com/component/logo.md)
- [Modal](https://ds.photoruction.com/component/modal.md)
- [Pankuzu](https://ds.photoruction.com/component/pankuzu.md)
- [Side Panel](https://ds.photoruction.com/component/side-panel.md)
- [Table](https://ds.photoruction.com/component/table.md)
- [Tool Bar](https://ds.photoruction.com/component/tool-bar.md)
- [WRITING](https://ds.photoruction.com/writing.md): ライティング
- [ライティングスタイル](https://ds.photoruction.com/writing/writing-style.md): 文書を書くにあたって基本的な指針を示します。
- [UI](https://ds.photoruction.com/writing/ui.md): プロダクトのUIで使うテキストのスタイルを定めています。
- [メール](https://ds.photoruction.com/writing/mail.md): システムから飛ぶメールに関するテキストについて定めています。
- [DESIGN PATTERN](https://ds.photoruction.com/design-pattern.md): デザインパターン
- [サイドパネル](https://ds.photoruction.com/design-pattern/side-panel.md)
- [CONSTRUCTION BPO](https://ds.photoruction.com/construction-bpo.md): オーダーボード
- [TOOLS](https://ds.photoruction.com/tools.md): ツールズ
- [ビジュアル表現](https://ds.photoruction.com/tools/visual.md): フォトラクションらしい「スマートさ」を印象づける表現を行います。
- [PowerPoint](https://ds.photoruction.com/tools/powerpoint.md): パワーポイントのテンプレートを配布しています。ご自身のデバイスにダウンロードしてご使用ください。
- [Zoom](https://ds.photoruction.com/tools/zoom.md): テレビ会議の背景ファイルを利用できます。
- [Slack](https://ds.photoruction.com/tools/slack.md): カラーコードをslackのサイドバーテーマとして設定することでフォトラクションらしい見た目に変更することができます
- [Mac](https://ds.photoruction.com/tools/mac.md): macにカラーパレットを保存しておくことでkeynoteや画像マークアップの際にPhotoructionのカラーが利用可能です。
- [Desktop Picture](https://ds.photoruction.com/tools/desktop-picture.md): フォトラクションVIのデスクトップ背景です。社用PCの背景画像などにどうぞ。