サービス
誰でも（登録不要）
無料会員
有料会員（Tier 1）
自分のAPIキーが要る

カツプロ・AI

カツプロ（ホーム） カツプロチャットAI カツプロ AI SEO

診断・見張り

サイト診断 サーバーウォッチ SNSアカウント診断

サイト・デザイン

MoteRaku デザインギャラリー 画像ツール ファビコン生成 OGPの見え方チェック 文字の読みやすさチェック

SNS・集客

カツプロPR SNS文字数カウント Instagram画像分割 QRコード作成

仕事・事務

レビュー 名刺スキャン 見積書・請求書 電子印鑑作成
サービス一覧のページへ →
メディア ヘルプ 無料登録

無料会員なら、見本とパーツの3分の2を何件でも持ち帰れます。

無料登録 →

メインビジュアルのパーツ

カードを斜めに重ねる

1280px

使い方

  • 「コピー」で HTML と CSS を別々にコピーし、自分のページの好きな場所に入れます。クラス名はパーツごとに頭をそろえてあるので、ほかの CSS とぶつかりにくい作りです。
  • 色は CSS の頭にある --acc（アクセント色）などの変数を変えるとまとめて変わります。
  • 写真は使っていません（図形と CSS のグラデーションだけ）。

ほかのメインビジュアル

すべて見る
メインビジュアルのパーツ「中央寄せ・大見出し＋CTA」 メインビジュアル　No.01 中央寄せ・大見出し＋CTA メインビジュアルのパーツ「左テキスト／右ビジュアル」 メインビジュアル　No.02 左テキスト／右ビジュアル メインビジュアルのパーツ「全面グラデ・白抜き」 メインビジュアル　No.03 全面グラデ・白抜き メインビジュアルのパーツ「左寄せ・余白で見せる」 メインビジュアル　No.04 左寄せ・余白で見せる メインビジュアルのパーツ「背景ビジュアル＋オーバーレイ」 メインビジュアル　No.05 背景ビジュアル＋オーバーレイ メインビジュアルのパーツ「左右分割（色違い）」 メインビジュアル　No.06 左右分割（色違い） メインビジュアルのパーツ「縦書き見出し（和文）」 メインビジュアル　No.07 縦書き見出し（和文） メインビジュアルのパーツ「中央＋下部に指標3つ」 メインビジュアル　No.08 中央＋下部に指標3つ
ダウンロード 別タブで見る 使える範囲