配色
#5c7eed
#ff7ac6
#ffd84d

あわせて引く

グラデーションボーダー

Gradient Border

ふだんの言い方枠だけグラデーション虹色の枠線光る枠

枠線の色が、グラデーションでなめらかに変わる表現。

見分けるポイント

  • 中は無地のまま、枠線だけに色の変化をつける
  • 細い線でも、目を引くアクセントになる
  • 暗い背景と組み合わせると、光っているように見える

AIへの伝え方

変更する場所:おすすめプランのカード。 おすすめプランのカードの枠線を、グラデーションボーダーにしてください。角丸16pxのカードに、太さ2pxでブルーからピンクへ斜めに変化する枠線を付け、カードの中は白のままにしてください(背景を2枚重ねる方法か、疑似要素とmaskを使用)。角丸に沿って、枠線も丸めてください。 変更は指定した箇所に限定し、それ以外のレイアウト・文章・配色は維持してください。スマートフォンでも要素がはみ出さず、文字や操作を妨げないようにしてください。

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

「かたち・質感・色」の言葉

角の丸み、影、素材感、色づかい。

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