Refund Japan Blue

sky ink on white paper — one blue family, one yellow spark。アプリ本体のスカイ&アクア(★=同値)を土台に、LP 4案が共有する色の役割。構造・書体・部品は各案の文法のまま、色だけをここから取る。

A Storybook B Stickerbook C Sky Canvas D Paper

1. Sky scale

Paper#FFFFFFsky-0紙。ページと白カード

Soft canvas ★#F6F8FAsky-50アプリの地(--bg)。白カードを浮かせる薄い地

Tile ★#EFF7FDsky-100タイルの地(--tile)。淡い塗り

Wash ★#DFF2FDsky-150ソフト面(--lav)。帯・バッジの地

Line strong ★#BFE3FAsky-200枠線(--brand-line)。ステッカーの淡色

Light#9DD3F5sky-300補間。装飾のみ

Mid#5FB3EAsky-400補間。装飾のみ

Brand ★#3D9BE0sky-500ブランド青(--brand)。面・ゲージ・アクセント(白文字は載せない)

Bleed#2A8FDDsky-550全面塗り用。白の大文字(24px+)のみ 3.5:1

Action ★#2478C8sky-600塗りCTA(--brand-deep)。白文字 4.6:1

Action text ★#2A72B5sky-700白地の青文字(--brand-d) 5.1:1

Link ★#1D6FAEsky-800リンク・淡面上の濃い青(--lav-t)

Ink ★#25507Esky-900インク(--navy)。本文・見出し・輪郭

Ink deep ★#183A5Esky-950最濃(--navy-d)。黒の代わり

Neutrals / Accents

Muted ink ★#4E7095mut注記・二次テキスト(--mut)。白地 4.9:1

Hairline ★#DDEBF7line罫線(--line)

Sun ★#FFD60Asun唯一の暖色。タグライン・タグ・ステッカー・ハイライト。文字は Ink on sun

Ink on sun#5A4300sunInk黄の上の文字 8.9:1

Aqua ★#7CD9ECaquaアクセント(--aqua)。装飾・ステッカー

Spark ★#A1EFFFsparkロゴのスパーク。装飾のみ

2. Roles

canvas.paper#FFFFFF

canvas.soft#F6F8FA

canvas.tile#EFF7FD

canvas.wash#DFF2FD

canvas.band#DDEBF7

canvas.bleed#2A8FDD

canvas.deep#25507E

ink.primary#25507E

ink.deep#183A5E

ink.secondary#4E7095

ink.onBlue#FFFFFF

ink.onSun#5A4300

line.hair#DDEBF7

line.strong#BFE3FA

line.ink#25507E

action.fill#2478C8

action.hover#1F68AF

action.text#2A72B5

action.link#1D6FAE

accent.brand#3D9BE0

accent.sun#FFD60A

accent.aqua#7CD9EC

accent.spark#A1EFFF

accent.light#9DD3F5

wash.sky#EFF7FD

wash.lav#DFF2FD

wash.aqua#E1F6FA

wash.peri#E4EAF9

3. 各案への写像

A Storybook

白紙・白カード	`canvas.paper`
制度の帯	`canvas.wash`
数字の帯	`canvas.soft`
見出し(旧Eager Green)	`action.text`
CTA塗り・フッター帯	`action.fill`
リンク・アウトラインCTA文字	`action.link`
本文	`ink.secondary`
ヒーロー見出し	`ink.primary`
2pxボーダー	`line.strong`
告知タグ	`accent.sun`
チェック印	`action.text`

B Stickerbook

色帯 3種(スカイ/白/クール)	`canvas.wash / canvas.paper / canvas.band`
輪郭・文字・黒塗り(旧Carbon)	`ink.primary`
リボン	`accent.brand`
ステッカー6色→ブルー族+黄	`accent.sun / accent.aqua / line.strong / canvas.deep / action.fill / accent.brand`
QR事前登録カード(旧Violet)	`action.fill`
マーキー帯	`canvas.deep`

C Sky Canvas

全面の地(旧Sky Canvas)	`canvas.bleed`
見出し・タグ枠・罫(旧Sunshine)	`accent.sun`
白ブロックの文字	`ink.primary`
白ブロックの注記	`ink.secondary`
アイブロウ・FAQ記号	`action.fill`
ボタン	`canvas.paper(塗り) / 白アウトライン`

D Paper

紙	`canvas.paper`
文字(旧Graphite)	`ink.primary`
二次テキスト(旧Slate)	`ink.secondary`
ヘアライン・破線(旧Silver)	`line.strong`
CTA(旧Mint Signal)	`action.fill + 白文字`
機能カードの地(旧パステル4色)	`wash.sky / wash.lav / wash.aqua / wash.peri`
ロゴ	`カラー版(単色化をやめる)`

4. Do / Don't

青は1つの族として使う。面=sky-50〜200、アクション=600/700、インク=900。同じ画面に3つ以上の青の"役"を並べない
白文字を載せる青は action.fill(#2478C8)か canvas.deep(#25507E)だけ。brand(#3D9BE0)と bleed(#2A8FDD)は大文字(24px以上・太字)専用
暖色は sun(#FFD60A)だけ。使う場所はタグライン・告知タグ・ステッカー・ハイライト。黄の上の文字は ink.onSun
本文は ink.primary か ink.secondary。青い本文は書かない(青は見出し・リンク・アクションの色)
境界は各案の文法に従う(A=2pxボーダー、B=1px輪郭、C=色ブロック、D=ヘアライン)。色だけをこの表から取る

Don't

ミント・コーラル・紫をLPに持ち込まない(アプリの状態色。LPに状態はない)
黒(#000/#111)を文字や輪郭に使わない。最濃は ink.deep(#183A5E)
青同士のグラデーションを作らない(面は単色。深さは段で表す)
黄をCTAの塗りにしない(A〜D共通。アプリ内のレシートCTAは例外)

5. Contrast(WCAG 2.x)

見本	前景 / 背景	用途	比	判定
Aa 本文	`ink.primary` / `canvas.paper`	本文/見出し	8.31:1	AAA
Aa 本文	`ink.secondary` / `canvas.paper`	注記	5.15:1	AA
Aa 本文	`ink.primary` / `canvas.wash`	帯の上の文字	7.22:1	AAA
Aa 本文	`ink.secondary` / `canvas.tile`	タイル上の注記	4.76:1	AA
Aa 本文	`ink.onBlue` / `action.fill`	塗りCTAの白文字	4.57:1	AA
Aa 本文	`ink.onBlue` / `canvas.deep`	濃面の白文字	8.31:1	AAA
Aa	`ink.onBlue` / `canvas.bleed`	C案全面塗りの白(大文字)	3.46:1	AA(大文字)
Aa	`accent.sun` / `canvas.bleed`	C案黄色見出し(大文字)	2.45:1	✗
Aa 本文	`action.text` / `canvas.paper`	青見出し	5.03:1	AA
Aa 本文	`action.link` / `canvas.wash`	淡面上のリンク	4.64:1	AA
Aa 本文	`ink.onSun` / `accent.sun`	黄タグの文字	6.65:1	AA
Aa 本文	`ink.primary` / `accent.aqua`	アクアのステッカー文字	5.14:1	AA
Aa 本文	`ink.primary` / `line.strong`	淡青ステッカー文字	6.17:1	AA