Design
·
デザイン仕様
カラーパレット（Hermès系）
| カラー | コード | 用途 |
|---|---|---|
| エトープ | #8B7355 | アクセント、ボタン、バッジ |
| ベージュ | #F5F0E8 | 背景（ライトモード） |
| トープ | #4A4A4A | テキスト |
| グレージュ | #8B8680 | ミュートテキスト |
| シルバー | #B8B8A8 | ボーダー |
| プラチナ | #EDE6D6 | セカンダリー背景 |
| オレンジ | #C4622D | アクセントハイライト |
ダークモード
@media (prefers-color-scheme: dark) でOS設定に自動追従。CSS変数を上書きして実現。
@media (prefers-color-scheme: dark) {
:root {
--color-bg: #1A1816;
--color-text: #E0D8D0;
--color-accent: #C4622D;
}
}フォント
| フォント | 用途 |
|---|---|
| Noto Serif JP | 見出し、タイトル |
| Shippori Mincho | 装飾的見出し |
| Inter | 本文、ナビ、カード |
| JetBrains Mono | コード、日付、数値 |
タイポグラフィ
- 本文: 17px, line-height 1.8, max-width 68ch
- AI紫/青は全面禁止