非エンジニア向けClaude Code要件定義自動化体系 — デザインアイデア
アプローチ選定
採用:テクニカル・ドキュメンタリー美学
デザイン哲学: 技術的な信頼性と非エンジニアへの親しみやすさを両立させる「ドキュメンタリー的誠実さ」。 情報を飾らず、構造で語る。
カラーパレット:
- 背景:#0D1B2A(深いネイビー)
- 前景:#F0F4F8(オフホワイト)
- アクセント1:#00C2A8(テール)
- アクセント2:#F5A623(アンバー)
- サブテキスト:#6A8BA8
タイポグラフィ: - 見出し:Space Grotesk(技術的・権威的) - 本文:DM Sans(読みやすく親しみやすい)
レイアウト: - 非対称グリッド、左寄りのナビゲーション - セクション間に水平ルール - 番号付きステップとフロー図
シグネチャ要素: - グラデーションアクセントライン(アンバー→テール) - 番号バッジ(RYGカラー) - コードブロック風のドキュメント表示