Bolder

いつ使うか

インターフェースが他のどのインターフェースとも同じに見える場合に /impeccable bolder を使ってください。汎用的なサンセリフ、ミディアムウェイト、柔らかいシャドウ、控えめなアクセントカラー、無難なスペーシング、印象に残らない。デザインは間違っていません、ただ安全すぎます。プロジェクトが存在感を扱え、現在の状態がそれをもたらしていない場合にbolderを使ってください。

何時間も見つめるダッシュボードには使わないでください。Boldさはマーケティングページ、ヒーローの瞬間、コンテンツフィーチャーでこそ正当化されます。オペレーターツールではありません。

仕組み

スキルは使いやすさを損なうことなく4つの軸を増幅します。

1. スケール：ディスプレイタイプはclamp(3rem, 6vw, 6rem)以上に押し出される。ビューポートを埋める見出し、避ける見出しではなく。
2. ウェイトコントラスト：ミディアムに対してレギュラーではなく、ライト300に対してヘビー800。本当の緊張感。肩をすくめるようなものではなく。
3. カラーへのコミットメント：アクセントカラーが薄められずにフル強度で登場。背景はすべてペーパーホワイトではなく立場を取れる（インク、アクセント、クリーム）。
4. 構成の自信：非対称性、グリッド外、プルクオート、ぶら下がり句読点、スケールジャンプ。レイアウトに声がある。

スキルは「もっと」を追加しません。「すでにそこにあるもの」を増幅します。デザインに3つの色がある場合、bolderは4つ目を追加するのではなく、3つにより強くコミットします。

試してみる

/impeccable bolder the landing page hero

期待される変更：

• ヒーロー見出し：3remからclamp(3.5rem, 7vw, 6.5rem)に、ディスプレイフォント、ウェイト700
• サブヘッド：レギュラーから1.5remのイタリックに、見出しより8px左に引き光学整列
• 背景：ペーパーからクリームからペーパーへのグラデーションに変更、より温かいコンテナを作成
• CTAボタン：塗りつぶし、シャドウ削除、ボーダー半径縮小、ホバー状態で色を反転
• 補助画像：ネガティブトップマージンでわずかにグリッド外に押し出し、非対称性を作成

注意点

• 間違ったページで実行すること。 プロダクトダッシュボード、設定、フォームはボールドであるべきではありません。読みやすさが重要です。代わりに /impeccable layout や /impeccable polish を使ってください。
• boldとloudを混同すること。 Boldはコミットされ自信に満ちていること。Loudは叫んでいること。Bolderは前者です。結果が攻撃的に感じられる場合は、/impeccable quieter でフォローアップしてください。
• 同じパスで /impeccable delight と組み合わせること。 Delightは安定した視覚的ベースラインに対して最もうまく機能します。まずBold、次に安定化、そしてdelight。