UI Skillbook
2

Design systems set in メイリオ

Brands and apps whose DESIGN.md names メイリオ as a typeface, including DAIKIN（ダイキン工業）, ENEOS and ITOCHU Corporation (itochu.co.jp). Each file also lists the sizes, weights and colors that go with it, so your coding agent can match the whole style.

12 files

Files

DAIKIN（ダイキン工業）

Japan · メイリオ

ダイキン工業（https://www.daikin.co.jp/）のデザイン仕様書。 空調・化学事業のグローバルメーカー。住宅用エアコンから業務用空調まで幅広く展開。 実サイトの computed style 実測（2026-05-18 取得）に基づく。

ENEOS

Japan · Noto Sans JP

ENEOS（https://www.eneos.co.jp/）のデザイン仕様書。 実サイトの CSS computed style に基づく。CSS Custom Properties は使用されていない（OneTrust Cookie バナーを除く）。

ITOCHU Corporation (itochu.co.jp)

Japan · メイリオ

ITOCHU Corporation (itochu.co.jp)のデザイン仕様書。

JR East (JR東日本)

Japan · Noto Sans JP

JR東日本（https://www.jreast.co.jp/）のデザイン仕様書。 実サイトの computed style に基づく。Noto Sans JP をベースフォントとし、ブランドグリーン #008803 を軸に、自然を想起させる多層のグリーンパレットで構成されている。

ＪＲ東海（Central Japan Railway Company）

Japan · Noto Sans JP

ＪＲ東海（Central Japan Railway Company）のデザイン仕様書。

LOFT（ロフト）

Japan · YuGothic

LOFT（https://www.loft.co.jp/）のデザイン仕様書。 文房具・雑貨・コスメ・インテリアを扱うライフスタイルストア。セブン＆アイグループ。 実サイトの computed style 実測（2026-05-09 取得）に基づく。

mont-bell（モンベル）

Japan · メイリオ

mont-bell（https://www.montbell.jp/）のデザイン仕様書。 1975年創業、日本最大のアウトドア・登山用品ブランド。"Function is Beauty"（機能美）を哲学に掲げる。 実サイトの computed style 実測（2026-06 取得）に基づく。

Shimano (シマノ)

Japan · メイリオ

Shimano（https://www.shimano.com/jp）のデザイン仕様書。 実サイトの CSS computed style に基づく。 メイリオ優先のシステムフォントスタック＋英文アクセントに PT Sans を採用し、複数のシマノブルーと控えめな角丸（4px）で「精密工学メーカーのコーポレートサイト」としての堅実さを表現している。

Studio Ghibli

Japan · メイリオ

スタジオジブリ（https://www.ghibli.jp/）のデザイン仕様書。 Bootstrap ベースのクラシカルな構成。CSS Custom Properties は使用せず、Bootstrap ユーティリティとインラインスタイルで構築。 実サイトの computed style に基づく。

Tokyo Metro

Japan · メイリオ

東京メトロ（https://www.tokyometro.jp/）のデザイン仕様書。 実サイトの CSS および computed style（2026-06-19 取得）に基づく。CSS Custom Properties は未使用。

誠文堂新光社（SEIBUNDO SHINKOSHA）

Japan · 游ゴシック体

誠文堂新光社（SEIBUNDO SHINKOSHA）のデザイン仕様書。

食べログ

Japan · メイリオ

食べログ（https://tabelog.com/）のデザイン仕様書。 実サイトの computed style に基づく。CSS Custom Properties は使用していない従来型のCSS設計。

Other fonts