配色
#1b2b8f
#ffffff

あわせて引く

斜めの区切り

Diagonal Divider

ふだんの言い方斜めにカット斜めの境目スラント

セクションの境目を、水平ではなく斜めの線で切り替える表現。

見分けるポイント

  • 境目を数度だけ傾けて、動きを出す
  • 上下のセクションの色を、そのまま使ってつなぐ
  • 傾きが大きいほど、勢いのある印象になる

AIへの伝え方

変更する場所:ヒーローセクションと次のセクションの境界。 ヒーローセクションと次のセクションの境界を、斜めの区切りにしてください。上の濃紺の背景の下端を、左が高く右が低くなるように4度ほど傾けて切り、下の白いセクションにつなげてください。clip-pathを使い、スマートフォンでも左右に隙間が出ないようにしてください。 変更は指定した箇所に限定し、それ以外のレイアウト・文章・配色は維持してください。スマートフォンでも要素がはみ出さず、文字や操作を妨げないようにしてください。

コピーした文章を、お使いのAIに貼り付けてください。

「飾り・区切り」の言葉

添える図形と、境目のかたち。

207語すべてを、見た目から引く