ボタンは「デモを予約」「ウェブサイトを見る」「アプリをダウンロード」などのクリック可能な CTA です。視覚的に目立ち、重要なリンクへのクリックを促進します。
ボタンの内容
| 設定 | 機能 |
|---|
| テキスト | ボタンに表示されるラベル |
| リンク | クリック時に開くボタンのリンク先 URL |
スタイル
| 設定 | 機能 |
|---|
| タイプ | 塗りつぶし(背景色あり)または 線(背景は透明で枠線のみ) |
| 色 | ボタンの背景色(塗りつぶしの場合)または枠線の色(線の場合) |
| 角の丸み | 角の丸みの度合い:0 で直角、値が大きいほど丸くなります |
| カラープリセット | グラデーションや単色のプリセットからすばやく選択でき、簡単にスタイル設定できます |
「デモを予約」のような主要な CTA には、タイプ → 塗りつぶし をブランドカラーで使用してください。目立たせつつ控えめにしたい二次的なアクションには タイプ → 線 を使用してください。
テキストのスタイル
ボタンラベルのテキストに対するフォント、サイズ、色、不透明度、行間、書式設定のオプションです。
サイズ
ボタンの 幅 と 高さ をピクセル単位で設定します。
レイアウト
パディングはボタンブロックの周囲の余白を調整します。