diff --git a/DESIGN.md b/DESIGN.md index 22205baf..7370bee2 100644 --- a/DESIGN.md +++ b/DESIGN.md @@ -275,6 +275,31 @@ Station・Guard・その他サイバー系アプリで使うダークブルー ## 9. Do's and Don'ts(コードレベル) +### カードの左縦罫線(禁止) + +カード型リスト(IssueCard, CVECard, LicenseCard, IacCard など)の左辺に severity/状態カラーを使った縦罫線を付けてはいけない。 +severity は内部のアイコンと dim-bg バッジで表現する。縦罫線はノイズになり "AIっぽいダサさ" の原因になる。 + +```tsx +// NG: 左罫線で severity を表現 +
+ +// OK: 左罫線なし。アイコン + dim-bg バッジで severity を示す +
+
+ +
+``` + +例外: ファイルツリーのアクティブ選択状態(`borderLeft: '2px solid var(--accent)'`)は許可。ナビゲーション状態の表示であり、カードではないため。 + +--- + ### 色の使い方 ```html