白が 3 段あり、どれも青が混ざっている ——#fdfdff(body)→ #f5f8fd(セクション)→ rgba(255,255,255,.42)(ティッカーカード)。純白はテキスト色としてしか出てこない。値上がりは #0050d7、値下がりは #ff6400。赤と緑は使わない。
CSS 変数 150 個は、ほとんどが描画されていない。ruby emerald yellow orange red の 12 段パレット(計 60 色)はこの LP の可視要素に 1 つも出ない ——取引ツール(bitFlyer Lightning)と共有のトークンが配信されているだけ。変数の値をそのまま実装値として書かないこと。
font-feature-settings: "tnum" が 366 要素に効いている。palt は 6 要素だけ。日本語サイトとしては珍しく、OpenType の主役が「詰め」ではなく「等幅数字」。価格が更新されても桁がガタつかないための設計。数字は和文書体ではなく Nunito で組む(可視 351 要素)。
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 を足さない。
価格は Nunito 11px + tnum、実績は Poppins 61px + -0.091em、和文は Noto Sans JP。数字だけ書体を切り替えるのがこのサイトの流儀。
数値を出す要素には必ず font-feature-settings: "tnum" を入れる。入れないと 1 と 8 の字幅差で桁がずれ、更新のたびに目がちらつく。日本語サイトで palt を足す前に、数字があるなら tnum を検討すること。
border-radius は 8 種あるが主役は 2 つ ——カードの 10px(117 要素)とピルの 990px(18 要素)。主 CTA だけ 12px。CTA に影は付けない。
/s/how-to-start)の CTA。radius 4px / weight 400 既定 / コンテナ 1080px の別世代。新規実装では使わない
ビットコインをはじめ、全 40 銘柄の暗号資産を取り扱っています。
ビットコイン、イーサリアム、エックスアールピーなどを少額から。
販売所の売買手数料、口座開設・口座維持手数料は無料です。
ビットコインやイーサリアムなど、お好きな暗号資産を毎日・毎週・毎月から選んで自動で購入できます。
保有している暗号資産を活用して、貸借料や報酬を受け取ることができます。
日々のお買い物や公共料金の支払いでビットコインが貯まります。
トロン( TRX )、グラム( GRAM )、コスモス( ATOM )の取り扱いを開始
国内ビットコイン取引量、2026年上半期 第1位を獲得
ビットコイン( BTC )のハードフォーク実施予定に関するお知らせ
影は黒ではなく濃紺 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) の半透明白で浮かせている。
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。
font-feature-settings: "tnum"(366 要素)Nunito, sans-serif に切り替えるPoppins 600 / letter-spacing: -5.6pxfont-weight 既定を 600 にする(400 は注記のみ)font-family は "Noto Sans JP" を先頭に置くline-height: 1.00、本文は 1.75#0050d7 / radius 12px / padding 0 24px / 影なし#eef4ff、文字 #0050d7)rgba(16, 42, 75, 0.06)--primary-color-bg(#1980e5)を CTA に使わない--color-text(#242428)を本文色にしないruby / emerald / yellow / red のパレットを使わないletter-spacing を足さないpalt を全体に足さない(実測 6 要素のみ)Noto Sans JP の weight 300・可変指定を使わない(unloaded)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 のスタックのまま。新規に組むならトップ側(新しい世代)に合わせる。