UI Skillbook
2

Design systems set in YakuHanJPs

Brands and apps whose DESIGN.md names YakuHanJPs as a typeface, including Nintendo, Qiita (キータ) and ALBION (albion.co.jp). Each file also lists the sizes, weights and colors that go with it, so your coding agent can match the whole style.

11 files

Files

Nintendo

Brands · YakuHanJPs

Nintendo's web presence is a masterclass in disciplined brand craft: a near-shadowless, light-canvas system where a single saturated red does almost all the emotional work. The page opens on pure white (#ffffff) with…

Qiita (キータ)

Brands · YakuHanJPs

Qiita is where Japanese engineers publish technical articles. The surface is white, set at 16px on 908 of 1,999 elements, with ink that is black at 87% — and the whole system is shaped like Material Design without…

ALBION (albion.co.jp)

Japan · YakuHanJPs

ALBION (albion.co.jp)のデザイン仕様書。

Cygames（サイゲームス）

Japan · YakuHanJPs

Cygames（https://www.cygames.co.jp/）のデザイン仕様書。 「最高のコンテンツを作る会社」を掲げる日本のゲーム開発会社。Granblue Fantasy, Uma Musume 等を展開。 実サイトの computed style 実測（2026-05-09 取得）に基づく。

DAISO

Japan · YakuHanJPs

DAISO（https://www.daiso-sangyo.co.jp/）のデザイン仕様書。 実サイトの computed style に基づく。クラスベースの CSS で構築されており、CSS Custom Properties は未使用。

graf（グラフ）

Japan · YakuHanJPs

graf / decorative mode no.3 design products Inc.（https://www.graf-d3.com/）のデザイン仕様書。 大阪を拠点とするクリエイティブ・コレクティブ。家具・プロダクト・食・デザイン・建築を横断して活動する。 実サイトの computed style 実測（2026-06-23 取得）に基づく。

住友化学（Sumitomo Chemical）

Japan · YakuHanJPs

住友化学（Sumitomo Chemical）のデザイン仕様書。

北欧、暮らしの道具店

Japan · Yu Gothic Medium

北欧、暮らしの道具店（https://hokuohkurashi.com/）のデザイン仕様書。 株式会社クラシコムが運営する、北欧雑貨・日用品を中心としたライフスタイル EC サイト。読みもの（コラム）と商品販売を融合した「メディアコマース」の先駆者。 実サイトの computed style に基づいて記述（2026-05-09 取得）。

大林組（OBAYASHI）

Japan · YakuHanJPs

大林組（OBAYASHI）のデザイン仕様書。

大阪中之島美術館（NAKANOSHIMA MUSEUM OF ART, OSAKA）

Japan · NakanoshimaFont

大阪中之島美術館（NAKANOSHIMA MUSEUM OF ART, OSAKA）のデザイン仕様書。

山口情報芸術センター［YCAM］

Japan · inherit } を必ず書く

山口情報芸術センター［YCAM］（https://www.ycam.jp/）のデザイン仕様書。 2003 年開館（設計: 磯崎新）のメディアアートセンター。展覧会・映画上映・ワークショップ・研究開発（YCAM InterLab）を 1 サイトで案内する。 字詰めをたった 1 つのユーティリティクラスに集約している。.u-text-palt { font-feature-settings: "palt"; letter-spacing:…

Other fonts