商業施設やオフィスなど
魅力あふれるまちづくり

詳しく見る ›
Palt

font-feature-settings: normal(palt なし)

「変革」と、まちづくり。

font-feature-settings: "palt"(実サイト)

「変革」と、まちづくり。

実サイトは body { font-feature-settings: "palt" } の 1 行だけ(html は normal)。DOM 全走査で 1175 要素に継承されている。括弧と読点の前後が詰まるのが palt の効き目。その上から letter-spacing を 0.02 / 0.04 / 0.06em で空け直す二段構え。

Type
Display EN / Cormorant Infant 60px / 300 / 1.2
News
Page Title / Noto Serif JP 42px / 400 / 1.2 / 0.06em
トップメッセージ
Hero Headline / Noto Serif JP 30px / 400 / 1.6 / 0.06em
ひと、つながりの街へ。
Heading 2 / 18px / 500 / 1.5
新着情報
Nav / 15px / 500 / 1.47 / 0.04em
サステナビリティ
Body / 15px / 400 / 1.5(body 既定)
阪急阪神ホールディングスグループでは、西日本最大級の規模で、沿線のまちづくりを進めています。
Lead / 16px / 400 / 1.86 / 0.02em
これからの100年間も「顧客から真っ先に選ばれる企業」であり続けるために、安心・快適、そして夢・感動をお届けします。
Link / 14px / 400 / 1.5 / 0.06em / #7f0073
Caption / 13px / 400 / 1.6 / 0.02em
阪急阪神不動産株式会社代表取締役社長
Date / Inter 14px / 400 / 0.02em
2026.10.07
Menu / 12px / 400 / 1.5(最多サイズ・37 要素)
企業概要・アクセス

weight は 300 / 400 / 500 の 3 段だけ。 実サイトで 700 なのは OneTrust(CMP)の UI だけで、下層ページには 1 要素も無い。300 を使うのは Cormorant Infant の欧文見出しのみ。

Business
サステナビリティ ロジスティクス 開発事業 DX エリアマネジメント その他

いずれも 11px / 白 / border-radius: 2px / weight 400 / line-height 1.55。6 色で 1 つの体系なので足し引きしない。

Components
新卒 キャリア 契約従業員(職種・職域限定) 123

角丸は 1 / 2 / 3 / 5 / 7 / 10 / 100px の 7 種あるが、中心は 5px(10 要素)。100px はテキストリンクのピルだけ。.is-focus はフォーカス状態の見本(autofocus は使わない)。

News
2026.10.07サステナビリティ環境長期ビジョンの進捗を公開しました
2026.10.01ロジスティクス物流施設の新規開発に着手します
2026.09.29開発事業再開発エリアのまちびらきについて
Cards

住宅関連事業

分譲・賃貸マンション、分譲戸建、不動産仲介、リフォーム、土地活用・賃貸管理。

不動産賃貸

オフィス、商業施設、物流施設、飲食・その他サービス。

影は rgba(0, 0, 0, 0.1) 0 3px 30px 0 の1 種類だけ(6 要素)。blur 30px / offset 3px の広く薄く落とす影で、0 2px 4px のような値に置き換えない。下層ページは影 0 種。

Sub page
Top message

トップメッセージ

トップの紫→ピンクに対し、下層は linear-gradient(#f6f4f1 0%, #d3d0c9 100%) のベージュ〜グレーの縦グラデーション(589,995px²)。

Colors
Hankyu Purple#7f0073
Pink#c32381 / グラデ終端
Brand Gradient90deg / 0% → 100%
サステナビリティ#4ea075
ロジスティクス#347885
開発事業#8ca546
DX#6da5ad
エリアマネジメント#c76fa3
その他 / Muted#868e98
Text#333333 / 最多
Text Sub#3f464e
Dark#27455c / フッター
Divider#d0d5dd
Surface#f8f8f8
Surface 2#f3f3f3
Sub Hero#f6f4f1 → #d3d0c9