ボタンブロック

ボタンは、「デモを予約」「ウェブサイトを見る」「アプリをダウンロード」のような、クリック可能なコールトゥアクションです。視覚的に際立ち、重要なリンクへのクリックを促進します。

ボタンの内容

設定項目	説明
テキスト	ボタンに表示されるラベル
リンク	ボタンをクリックしたときに開くURL。チームメンバーごとにパーソナライズして、フォームの事前入力やクリックのトラッキングに利用できます

設定	機能
タイプ	塗りつぶし(背景色あり)または線(背景は透明で枠線のみ)
色	ボタンの背景色(塗りつぶしの場合)または枠線の色(線の場合)
角の丸み	角の丸みの度合い:`0` で直角、値が大きいほど丸くなります
カラープリセット	グラデーションや単色のプリセットからすばやく選択でき、簡単にスタイル設定できます

「デモを予約」のような主要な CTA には、タイプ → 塗りつぶし をブランドカラーで使用してください。目立たせつつ控えめにしたい二次的なアクションには タイプ → 線 を使用してください。

ボタンラベルのテキストに対するフォント、サイズ、色、不透明度、行間、書式設定のオプションです。

ボタンの幅と高さをピクセル単位で設定します。

パディングはボタンブロックの周囲の余白を調整します。