名前・会社名・連絡先を入力するだけで、プロ仕様の名刺をすぐに作成できます。会員登録不要・完全無料。

名刺情報の入力

<label>氏名</label>
<input type="text" id="bc-name" placeholder="山田 太郎" value="山田 太郎" />

<label>役職</label>
<input type="text" id="bc-title" placeholder="代表取締役" value="代表取締役" />

<label>会社名</label>
<input type="text" id="bc-company" placeholder="株式会社サンプル" value="株式会社サンプル" />

<label>メールアドレス</label>
<input type="email" id="bc-email" placeholder="yamada@sample.co.jp" value="yamada@sample.co.jp" />

<label>電話番号</label>
<input type="tel" id="bc-phone" placeholder="03-0000-0000" value="03-0000-0000" />

<label>ウェブサイト</label>
<input type="url" id="bc-website" placeholder="sample.co.jp" value="sample.co.jp" />

<label>住所</label>
<input type="text" id="bc-address" placeholder="東京都渋谷区〇〇 1-2-3" value="東京都渋谷区〇〇 1-2-3" />

<label style="margin-top:16px;">レイアウト</label>
<div class="bc-templates">
  <button class="bc-tpl-btn active" data-tpl="classic" onclick="(function(){window._bcSetTpl('classic');})()">クラシック</button>
  <button class="bc-tpl-btn" data-tpl="modern" onclick="(function(){window._bcSetTpl('modern');})()">モダン</button>
  <button class="bc-tpl-btn" data-tpl="minimal" onclick="(function(){window._bcSetTpl('minimal');})()">ミニマル</button>
  <button class="bc-tpl-btn" data-tpl="bold" onclick="(function(){window._bcSetTpl('bold');})()">ボールド</button>
</div>

<label style="margin-top:16px;">カラー</label>
<div class="bc-colors">
  <div class="bc-color-group">
    <label style="margin-top:0;">背景色</label>
    <input type="color" id="bc-color-bg" value="#1e293b" />
  </div>
  <div class="bc-color-group">
    <label style="margin-top:0;">アクセント</label>
    <input type="color" id="bc-color-accent" value="#6366f1" />
  </div>
  <div class="bc-color-group">
    <label style="margin-top:0;">文字色</label>
    <input type="color" id="bc-color-text" value="#ffffff" />
  </div>
</div>

<div class="bc-toggle-row">
  <button class="bc-toggle on" id="bc-qr-toggle" onclick="(function(){window._bcToggleQr();})()"></button>
  <span>裏面にQRコードを表示</span>
</div>

<p class="bc-note">名刺サイズ: 91 × 55 mm（日本標準サイズ）</p>

プレビュー

<div style="margin-top:28px;padding:18px 20px;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:1.5px solid #bae6fd;border-radius:10px;">
  <p style="margin:0;font-size:14px;color:#0369a1;font-weight:600;">起業の会計管理もかんたんに</p>
  <span style="font-size:13px;color:#0c4a6e;">freee会計なら、起業時の経費管理・請求書作成もクラウドで一元管理。無料トライアル実施中。</span>
  <a href="https://px.a8.net/svt/ejp?a8mat=4B3QAZ+7YYYCY+3SPO+9FHKUP" target="_blank" rel="noopener" style="display:inline-block;margin-top:4px;padding:9px 20px;background:#0284c7;color:#fff;border-radius:7px;font-size:13px;font-weight:700;text-decoration:none;">freeeを無料で試す →</a>
</div>

関連ツール

確定申告・会計をもっとラクに？ freee会計 なら、フリーランスの経費管理もクラウドで簡単。まずは無料で試してみましょう。