UI Skillbook
2

Design systems set in Yu Gothic Medium

Brands and apps whose DESIGN.md names Yu Gothic Medium as a typeface, including dancyu（ダンチュウ）, Vermicular（バーミキュラ） and サクラクレパス（SAKURA）. Each file also lists the sizes, weights and colors that go with it, so your coding agent can match the whole style.

5 files

Files

dancyu（ダンチュウ）

Japan · Yu Gothic Medium

プレジデント社の食雑誌『dancyu』の公式サイト（https://dancyu.jp/）のデザイン仕様書。 1990 年創刊、「食こそエンターテインメント」を掲げる。Web 版は「プロが教えるレシピ／厳選！店探し／食のストーリー／連載」の 4 本柱と、会員制コミュニティ「食いしん坊倶楽部」で構成される。 最大の特徴は border-radius が全ページでゼロであること。ボタン・バッジ・カード・画像まで角を一切丸めず、赤 #cc0…

Vermicular（バーミキュラ）

Japan · Crimson Pro

Vermicular 公式サイト（https://www.vermicular.jp/）のデザイン仕様書。 愛知ドビー株式会社が手がける名古屋発の精密鋳造ホーロー鍋ブランド。 町工場の職人技術と日本の美意識を融合させた「暮らしの道具」を提案する。 実サイトの computed style 実測（2026-05-08 取得）に基づく。

サクラクレパス（SAKURA）

Japan · Yu Gothic Medium

株式会社サクラクレパス（https://www.craypas.co.jp/）のデザイン仕様書。 1921 年創業。クレパス（1925 年発売、同社の登録商標）、クーピーペンシル、ボールサインを擁する画材・文具メーカー。 白地に赤 1 色 ＋ 画材の色という二層構造。UI の骨格は赤と黒だけで組み、色が要る場所（カテゴリ、ハッシュタグ、メガメニュー）にはクレパスの色箱のように多色を割り当てる。 ⚠️ 赤が 5 種類混在している。#ff…

九州国立博物館（Kyushu National Museum）

Japan · Yu Gothic Medium

九州国立博物館（Kyushu National Museum）のデザイン仕様書。

北欧、暮らしの道具店

Japan · Yu Gothic Medium

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

Other fonts