UI は #07185c と #00bff2 の 2 色で組む。トップのヒーローに見える鮮やかなマゼンタは hero-kix-2-bg.png という画像に焼き込まれた色で、--color-red-500: #eb008b という変数はあるのに可視 0 要素。UI の色として実装しない。
notosansjp / notosanstc / notosanssc / notosanskr をセルフホストし、html[lang] でスタックごと切り替える。日本語ページで loaded なのは JP の 3 本だけで、TC / SC / KR は 1 バイトも落ちない。ウェイトは 400 / 500 / 700 の 3 段で、すべて実ファイルがある。
letter-spacing は可視 134 要素すべて normal。日本語を完全なベタ組みで流す。palt も使っていない。本文の line-height: 1.4 は「短い行を速く読む」空港の案内に合わせた値で、長文の記事には流用しない。
linear-gradient(to right, #00bff2 0 50%, #07185c 50% 100%) を background-size: 200% 100% で持ち、-webkit-text-fill-color: transparent で文字に抜く。既定は右半分(紺)が見えていて、ホバーで位置が動くと文字色がシアンへ拭き変わる(実測 27 要素)。
面で塗るボタンの角丸は全丸。実サイトは Tailwind v4 の rounded-full で calc(infinity * 1px)(実測 3.35544e+07px)になるが、手で書くときは 9999px でよい。
影は rgba(0,191,242,.12)(シアン)と rgba(7,24,92,.12)(紺)の 2 種だけ。近い影と遠い影を必ず 2 本重ねる。角丸は 16px が既定(可視 21〜37 要素)。
JR・南海電鉄が関西空港駅に乗り入れています。
大阪・京都・神戸の主要駅から直通便があります。
P1〜P4 の駐車場をご利用いただけます。
th は 14px のグレー罫は #dddddf の 1px。縦罫を引かず、th の色(#6e7281)とサイズ差で見出しを分ける。
| 交通機関 | 所要時間 | 運賃 |
|---|---|---|
| JR 関空快速(大阪駅) | 約 70 分 | 1,210 円 |
| 南海ラピート(難波駅) | 約 38 分 | 1,490 円 |
| リムジンバス(京都駅) | 約 95 分 | 2,800 円 |
フォーカスは #00bff2 の outline: 2px。ラベルは 14px / 500。
余白は 8 の倍数(8 / 16 / 24 / 32 / 56 / 64)。ブレークポイントは Tailwind 既定(768 / 1024 / 1280px)。834px まで値が動かず、375px で見出しだけ 50px → 32px に縮む。本文 14px は全幅で変わらない。