← ショーケース一覧

DESIGN · CTA研究

CTAボタン・カードのバリエーション

みやびマガジンで使う6種類のCTAを並べて、余白・線・影をスライダーで操作。 「どの組み合わせが一番クリックされそうか」を、目で見て即決できるページです。

🌸 みやびLINE公式

続きはLINEで配信中

記事更新・限定情報を配信します

A

LINE登録（最優先CTA）

記事中盤に挿入する、サイト最重要のCTA。紫グラデ＋金ボタンで存在感最大。

📖

続きを読む

無料記事の次の章へ

→
B

記事内ナビゲーション

長文の途中に置く、軽い回遊CTA。圧迫感なくスッと馴染む。

💎 PREMIUM

続きはプレミアムで深掘り

本記事の応用編・実例・チェックリストつき

C

プレミアム誘導

無料記事の中盤〜後半に挿入。ゴールド系で「上位プランの匂い」を出す。

🌸
RELATED

ChatGPTで月3万稼ぐ最初の一歩

続きを読む →
D

関連記事カード

記事末「あわせて読みたい」用。サムネ＋タイトルでミニ書誌風に。

🟡 単発購入

この記事だけ読みたい方へ

¥1,480 / 買い切り
E

単発購入カード

サブスクに抵抗ある読者向け。ダッシュ枠＋黒ボタンで「決済感」。

📝 今日できること

  • ChatGPTに登録（3分）
  • 「自己紹介を書いて」と話しかける
  • LINEでみやびに感想送る
LINEに登録 続きを読む
F

記事末まとめCTA

「読んで終わり」を防ぐための行動リスト＋導線。みやびの定番フォーマット。

/* 設定中の値（コピペ用） */
.cta {
  --pad:    18px;
  --rad:    14px;
  border:    1px solid var(--line);
  --shadow: 0 4px 12px rgba(139,92,246,.12);
}