【重要】当社を装った詐欺電話にご注意ください。詳細はこちらをご確認ください。

ビットコイン取引量
10年連続 No.1

暗号資産はビットフライヤー
ビットフライヤーをはじめる
最短9分・口座開設無料
「10年連続 No.1」は、2016年〜2025年の差金決済取引および先物取引を含む年間出来高について、JVCEAおよび各社が公表するデータを基に当社が調査した結果です。
ビットコインBTC
11,943,452円
+1.36%
イーサリアムETH
341,251円
+0.45%
エックスアールピー(XRP)XRP
204.76円
+1.45%
ソラナSOL
13,125円
-0.26%
ドージコインDOGE
12.59円
-5.81%
シバイヌSHIB
0.0009314円
-6.74%
01 / Colors

青い白を三段、アクセントは青とオレンジ

白が 3 段あり、どれも青が混ざっている ——#fdfdff(body)→ #f5f8fd(セクション)→ rgba(255,255,255,.42)(ティッカーカード)。純白はテキスト色としてしか出てこない。値上がりは #0050d7、値下がりは #ff6400。赤と緑は使わない。

bitFlyer ブルー
#0050d7
★面 5 要素 / 文字 114 要素。主CTA・値上がり率・タグの文字
(変数の青・未使用)
#1980e5
--primary-color-bg の宣言値。可視 0 要素
Lightning オレンジ
#ff6400
★値下がり率(19 要素)・Lightning の CTA
Text Primary
#13161b
可視 54 要素。変数の #242428 より濃い
Text Muted
#697ca9
★可視 356 要素で最多。ティッカーの銘柄・価格
Text Secondary
#42516a
銘柄名・補足(118 要素)
Section Background
#f5f8fd
★ビューポート面積で最大。実際に目に入る地色
Tint
#eef4ff
淡青のタグ・チップ(面 13 要素)

CSS 変数 150 個は、ほとんどが描画されていない。ruby emerald yellow orange red の 12 段パレット(計 60 色)はこの LP の可視要素に 1 つも出ない ——取引ツール(bitFlyer Lightning)と共有のトークンが配信されているだけ。変数の値をそのまま実装値として書かないこと。

02 / Typography

主役はpaltではなくtnum

font-feature-settings: "tnum" が 366 要素に効いている。palt は 6 要素だけ。日本語サイトとしては珍しく、OpenType の主役が「詰め」ではなく「等幅数字」。価格が更新されても桁がガタつかないための設計。数字は和文書体ではなく Nunito で組む(可視 351 要素)。

101112 131415 161820 2832
Stat Number ★Poppins / 61px / 600
lh 1.25 / ls -5.6px(-0.091em)
このサイト唯一の字間調整
95.7%
Section HeadingNoto Sans JP / 32px / 700
lh 1.40 / ls normal
ビットフライヤーが選ばれる3つの理由
Card HeadingNoto Sans JP / 28px / 700
lh 1.35
bitFlyer かんたん積立
Feature HeadingNoto Sans JP / 20px / 700
lh 1.40(13 要素)
豊富な銘柄の取り扱い
Nav ★Noto Sans JP / 14px / 600
lh 1.60(75 要素)
weight 600 が既定
暗号資産のはじめ方 サービス一覧 チャート・相場
Ticker Name ★Noto Sans JP / 13px / 600
lh 1.00(可視 249 要素で最多)
ビットコイン BTC
Ticker Price ★Nunito / 11px / 600
lh 1.00 / font-feature-settings: "tnum"
(可視 241 要素)
11,943,452 円 +1.36% -5.81%
BodyNoto Sans JP / 16px / 400
lh 1.75(body の 16px / 28px)
暗号資産(仮想通貨)の売買はもちろん、積立・運用・決済まで。ビットコインやイーサリアムなど、お好きな暗号資産をお選びいただけます。
NoteNoto Sans JP / 12px / 400
lh 1.85(免責・長文注記)
暗号資産は法定通貨ではなく、代価の弁済を受ける者の同意がある場合に限り支払いに使用することができます。需給バランスの変化等により価格が変動することがあります。

line-height: 1.00 が 617/759 要素(81%)。ティッカーもラベルもボタンもすべて 1.0 で、読ませる文章だけ 1.40〜1.95 に開く。高さは line-height ではなく height と padding で作る。
字間は 755/759 要素が normal。例外は Poppins の巨大数字(-5.6px)と 最短9分・口座開設無料 の 0.36px だけ。日本語に letter-spacing を足さない。

03 / Numbers

数字を読ませるための三層

価格は Nunito 11px + tnum、実績は Poppins 61px + -0.091em、和文は Noto Sans JP。数字だけ書体を切り替えるのがこのサイトの流儀。

ビットコイン取引量
No.1
※1 2025年12月末時点
「アプリが使いやすい」
と答えた方
95.7%
※2 当社調べ
「価格情報をすぐ確認できた」
と答えた方
95.1%
※2 当社調べ

数値を出す要素には必ず font-feature-settings: "tnum" を入れる。入れないと 1 と 8 の字幅差で桁がずれ、更新のたびに目がちらつく。日本語サイトで palt を足す前に、数字があるなら tnum を検討すること。

04 / Components

角丸は10pxと990px

border-radius は 8 種あるが主役は 2 つ ——カードの 10px(117 要素)とピルの 990px(18 要素)。主 CTA だけ 12px。CTA に影は付けない。

無料で口座開設 bitFlyer Lightning で売買を始める
機能について料金についてサポートについて 少額からスタート自動でコツコツ購入頻度を自由に設定 123
新規登録 ← 下層ページ(/s/how-to-start)の CTA。radius 4px / weight 400 既定 / コンテナ 1080px の別世代。新規実装では使わない

豊富な銘柄の取り扱い

ビットコインをはじめ、全 40 銘柄の暗号資産を取り扱っています。

1 円から購入可能

ビットコイン、イーサリアム、エックスアールピーなどを少額から。

手数料無料

販売所の売買手数料、口座開設・口座維持手数料は無料です。

bitFlyer かんたん積立

ビットコインやイーサリアムなど、お好きな暗号資産を毎日・毎週・毎月から選んで自動で購入できます。

定期貸しコイン/ステーキング

保有している暗号資産を活用して、貸借料や報酬を受け取ることができます。

bitFlyer クレカ

日々のお買い物や公共料金の支払いでビットコインが貯まります。

プレスリリース2026.09.16

トロン( TRX )、グラム( GRAM )、コスモス( ATOM )の取り扱いを開始

プレスリリース2026.09.04

国内ビットコイン取引量、2026年上半期 第1位を獲得

プレスリリース2026.08.21

ビットコイン( BTC )のハードフォーク実施予定に関するお知らせ

6px
プレス
8px
ヘッダーCTA
★10px
カード(117)
12px
主CTA
16px
28px
特集
★990px
ピル(18)

影は黒ではなく濃紺 rgba(16, 42, 75, …)、アルファは 0.06 で統一。プレスカードが 0 1px 3px、サービスカードが 0 4px 20px、追従ヘッダーが 0 0 16px rgba(36,36,36,.08)。ティッカーカードは影を持たず、rgba(255,255,255,.42) の半透明白で浮かせている。

05 / Layout & Guidelines

rootは10px、境界は690と1280

html { font-size: 10px } なので変数の rem はすべて ×10 が px(--spacing-4x: 1.6rem = 16px、--font-size-320: 3.2rem = 32px)。ブレークポイントは 690px と 1280px の 2 本で、中間帯を (691px <= width <= 1279px) の range 構文で直接書く。コンテナは 1170px、本文カラムは 620px。

Do

  • 数値を出す要素に必ず font-feature-settings: "tnum"(366 要素)
  • 数字は Nunito, sans-serif に切り替える
  • 60px 級の実績数字は Poppins 600 / letter-spacing: -5.6px
  • 和文の font-weight 既定を 600 にする(400 は注記のみ)
  • font-family は "Noto Sans JP" を先頭に置く
  • 数値・ラベル・ボタンは line-height: 1.00、本文は 1.75
  • CTA は #0050d7 / radius 12px / padding 0 24px / 影なし
  • タグは radius 990px のピル(面 #eef4ff、文字 #0050d7)
  • 地色は青い白を 3 段。値上がり青 / 値下がりオレンジ
  • 影は rgba(16, 42, 75, 0.06)

Don't

  • --primary-color-bg(#1980e5)を CTA に使わない
  • --color-text(#242428)を本文色にしない
  • ruby / emerald / yellow / red のパレットを使わない
  • 値上がりを赤、値下がりを緑にしない
  • 日本語に letter-spacing を足さない
  • palt を全体に足さない(実測 6 要素のみ)
  • Noto Sans JP の weight 300・可変指定を使わない(unloaded)
  • CTA に box-shadow を足さない
  • 影を rgba(0,0,0,…) にしない
  • body の font-family 宣言(-apple-system 先頭)を真似しない

トップページと下層ページは別のデザインシステム。トップは "Noto Sans JP" 先頭・weight 600 既定・radius 12px・コンテナ 1170px。下層 /s/how-to-start は -apple-system 先頭・weight 400 既定・radius 4px・コンテナ 1080px で、可視 101 要素すべてが body のスタックのまま。新規に組むならトップ側(新しい世代)に合わせる。