あしたを、つなぐ ―― 野村不動産グループ
野村不動産
あしたを、つなぐ
私たちは、人、街が大切にしているものを活かし未来につながる街づくりとともに
豊かな時を人びとと共に育み社会に向けて、新たな価値を創造し続けます。
01 / Colors

色は事業セグメントの識別子

文字色は #000000 と #ffffff の2色だけ(可視 31 / 92 要素)。グレーの補助テキストすら使わない。色は「分類」に割り当てられていて、バーントオレンジがブランド面、青・橙・緑が事業セグメントのタグ。

Burnt Orange
#b85911
★セクション面(塗り 2 要素)。border-radius: 50px 50px 0 0
Burnt Orange Deep
#9c4300
★パネル内のカード・外部リンク(塗り 11 要素)。文字は白
Brand Purple
#610f7a
ロゴマークと見出し頭の小さな四角(塗り 1 要素)。面として広く使わない
住まい
#3862a5
カテゴリタグ(塗り 3 要素)
街づくり・商業施設
#e29460
カテゴリタグ(塗り 2 要素)
ロジスティクス
#8aad45
カテゴリタグ(塗り 1 要素)
Surface Warm
#f4f0ed
★最多の面(14 要素)。ニュースカード・導線・本文ブロック
Surface Warm 2
#e9e4e1
採用セクションの下半分
Footer Dark
#211f22
フッター上段(下段は #2b282c)
Text Primary
#000000
★本文(可視 31 要素)。純黒を使う

interactive の color を鵜呑みにしない。分譲住宅(bg #9c4300)の color は rgb(0,0,0) と出るが、ラベルを子の <span> に置いている構造で、実際に描画される文字は白。スクリーンショットで確認済み。

02 / Typography

palt を全面に、字間は body に1回だけ

font-feature-settings: "palt" をトップページの 562 要素に適用している。letter-spacing: .04em は body に1回書くだけで、computed 0.64px が可視 119/123 要素へ px のまま継承される。em を再宣言しているのはヒーローのリードだけ(.1em = 1.6px)。

101213 141620 242836
Page TitleNoto Sans JP / 36px / 500
lh 1.50 / ls 0.64px(継承)
代表ご挨拶
Section TitleNoto Sans JP / 28px / 500
lh 1.50
事業紹介
Statement ★Noto Sans JP / 24px / 500
lh 1.75 / palt が効く
「人々の“幸せ”と社会の“豊かさ”の最大化」を目指し、
価値創造の変革を推進してまいります。
Card TitleNoto Sans JP / 20px / 400
lh 1.75
分譲住宅
Body ★Noto Sans JP / 16px / 400
lh 1.75 / ls .04em (0.64px)
野村不動産は1957年の創業以来、宅地造成を起点に多様な事業へ挑戦し続け、総合デベロッパーとして歩みを進めてきました。65年以上にわたり、社会の要請とお客様の期待に応えながら、柔軟な発想で新たな価値の創出に努めております。
Hero Copy ★Noto Sans JP / 16px / 400
lh 2.10 / ls .1em(唯一の再宣言)
私たちは、人、街が大切にしているものを活かし未来につながる街づくりとともに
Nav / UINoto Sans JP / 14px / 400
lh 1.20(実測 59 要素で最多)
会社情報 事業紹介 BLUE FRONT SHIBAURA ニュース 採用情報
Nav BoldNoto Sans JP / 14px / 700
lh 1.20(実測 5 要素だけ)
会社情報
Category TagNoto Sans JP / 12px / 400
lh 1.75 / 白文字
住まい 街づくり(複合開発) ロジスティクス
CopyrightNoto Sans JP / 10px / 400
lh 1.75
© NOMURA REAL ESTATE DEVELOPMENT CO., LTD.

palt の有無を並べる

palt あり(実サイト)font-feature-settings: "palt"
「人々の“幸せ”と社会の“豊かさ”の最大化」
palt なし(参考・不採用)font-feature-settings: normal
「人々の“幸せ”と社会の“豊かさ”の最大化」

可変フォントで 100〜900 が使えるのに、実際の設計は 400 / 500 / 700 の3段だけ。400 が 102/123 要素、500 が 16、700 は 5(選択中のナビ)。36px の h1 も 28px のセクション見出しも 500。700 にしないこと。

line-height: 1.75 と palt はセット。palt で横が詰まる分、縦を 1.75 空けてバランスを取っている。片方だけ真似ない。

font-family は "Noto Sans JP", sans-serif の2段だけ(可視 123/123 要素が同一)。游ゴシック・ヒラギノを挟むとメトリクスが変わり、palt の詰め方が変わる。

03 / Panels

大パネルは上 2 隅だけ 50px

セクション全体を #b85911 の面で囲み、border-radius: 50px 50px 0 0 で上 2 隅だけ大きく落とす。中のカードは #9c4300 + 10px。

事業紹介

「人々の“幸せ”と社会の“豊かさ”の最大化」を目指し、
価値創造の変革を推進してまいります。

05 / News Cards

カードは 10px、タグは 0px

カードの角丸は 10px(実測 66 要素でこのサイトの既定)。タグだけ border-radius: 0。padding: 32px 32px 70px の下 70px は日付とタグの場所。

2026年09月25日
ジャンルの垣根を超えた物流自動化ソリューションを実現 21社と「国際物流総合展2026」に共同出展
ロジスティクス
2026年08月31日
野村不動産「プラウド」の新TVCM&スペシャルムービー「暮らすほどに、幸せが見つかる。」篇を放映開始
住まい
06 / Elevation

影は右下に同量ずらす

既定は rgba(0, 0, 0, 0.04) 3px 3px 5px 0(実測 28 要素)。0 2px 4px のような真下の影ではなく、X と Y に同じ量ずらすのがこのサイトの型。不透明度 0.04 は見えるか見えないかの境目で、濃くしない。

Level 0
none — タグ・ボタン・オレンジパネル
Level 1 ★
rgba(0,0,0,0.04) 3px 3px 5px 0(実測 28 要素)
Level 2
rgba(0,0,0,0.1) 5px 5px 10px 0(実測 2 要素)
Level 3
rgba(0,0,0,0.15) 0 0 10px 0(実測 1 要素・ドロップダウン)
07 / Layout

コンテナは 1120px ひとつだけ

実測 8 要素すべてが 1120px。全幅パネルだけコンテナの外まで広がる。列間は 6.639%(可変)か 32px(固定)。

--container: 1120px(実測 8 要素。このサイトはこれ1つだけ)
カード
10px(66 要素)
ピル
20px
大パネル
50px 50px 0 0
小ボタン
4px
タグ
0px

ブレークポイントは 576px(実測 7 回・主要)/767px/768px/1000px/1152px/1440px/1760px/1920px。上限側を持っているのが特徴で、コンテナは 1120px 固定のまま、ヒーローと全幅パネルだけ超ワイドで伸びすぎないよう抑えている。(any-hover: hover) / (hover: none) でタッチ端末のホバー演出も切っている。