contact_006
contact_006a
contact_006b
電話・メール・申し込みの3つをSiGNで作ったボタンで並べる
width指定したブロックにボーダーを設定。そして、3つ並べるボタンはwidth指定した画像です。基本となるボタンの色と、一つだけ色を変えて目立つようにしたい時を想定しました。目立たせたいから赤とか、目立つようにピンクではまとまりがなくなってしまうので、基本となる色から自動的に色を選んでくれるようなサイトを使って色を決めるだけでまとまった印象になります。
参考)Paletton
contact_006a
ブロック背景にストライプの指定したバリエーション。ストライプを作る画像を最小限のサイズで作成できるサイトがおすすめです。作成したデータをブロックの背景画像でタイリング設定で指定します。
参考)Stripe Generator 2.0
contact_006b
ブロック背景にCSSでグラデーション指定したバリエーション。グラデーションに指定する2色はなんとなく指定するのではなく、色の濃淡で色番号を調べられるサイトやグラデーションパターンを集めたサイトなどを利用しましょう。
参考)0to255