contact_006a

contact_006b

電話・メール・申し込みの３つをSiGNで作ったボタンで並べる

 
width指定したブロックにボーダーを設定。そして、３つ並べるボタンはwidth指定した画像です。基本となるボタンの色と、一つだけ色を変えて目立つようにしたい時を想定しました。目立たせたいから赤とか、目立つようにピンクではまとまりがなくなってしまうので、基本となる色から自動的に色を選んでくれるようなサイトを使って色を決めるだけでまとまった印象になります。
参考）Paletton
 

contact_006a

ブロック背景にストライプの指定したバリエーション。ストライプを作る画像を最小限のサイズで作成できるサイトがおすすめです。作成したデータをブロックの背景画像でタイリング設定で指定します。
参考）Stripe Generator 2.0
 

contact_006b

ブロック背景にCSSでグラデーション指定したバリエーション。グラデーションに指定する２色はなんとなく指定するのではなく、色の濃淡で色番号を調べられるサイトやグラデーションパターンを集めたサイトなどを利用しましょう。
参考）0to255