UI Skillbook
2

Design systems set in Hiragino Sans

Brands and apps whose DESIGN.md names Hiragino Sans as a typeface, including DMM.com (Turtle), Spindle (CyberAgent Ameba) and STORES. Each file also lists the sizes, weights and colors that go with it, so your coding agent can match the whole style.

17 files

Files

DMM.com (Turtle)

Brands · Helvetica Neue

DMM.com is one of Japan's sprawling digital platforms — video, games, e-books, English conversation, FX trading, 3D printing, even an aquarium — over sixty services under one roof. In 2025 its Platform Development…

Spindle (CyberAgent Ameba)

Brands · Hiragino Sans

Spindle is CyberAgent's open design system for Ameba (アメーバ) — the 20-year-old Japanese blogging and media platform — and it reads as one of Japan's most disciplined, accessibility-first systems. The canvas is pure…

STORES

Brands · Shorai Sans

STORES (ストアーズ) is Japan's "store operations platform" — net shop, cashless payments, reservations, POS register, and mobile order in one subscription — and its marketing surface reads like a calm, warm,…

CFCL

Japan · Garamond

CFCL（https://www.cfcl.jp/）のデザイン仕様書。 2026-05-09 取得の computed style に基づく。

Discover Japan (ディスカバー・ジャパン)

Japan · 游明朝体

Discover Japan (ディスカバー・ジャパン)のデザイン仕様書。

Francfranc（フランフラン）

Japan · Hiragino Sans

Francfranc（https://francfranc.com/）のデザイン仕様書。 2026-05-09 取得の computed style に基づく。

graniph (グラニフ)

Japan · Hiragino Sans

graniph（https://www.graniph.com/）のデザイン仕様書。 実サイトの computed style に基づく。CSS Custom Properties は最小限の使用。

KAI (貝印)

Japan · Hiragino Sans

KAI 公式サイト（https://www.kai-group.com/）のデザイン仕様書。 1908年創業、包丁・カミソリ・医療用刃物で世界的に知られる刃物メーカー。「モノづくりの老舗」としての信頼感を、極細ウェイト（300）の游ゴシック＋大きな余白で表現する、静かなコーポレートサイト。 実サイトの computed style に基づいて記述。

KEYUCA（ケユカ）

Japan · Hiragino Sans

KEYUCA（https://www.keyuca.com/）のデザイン仕様書。 2026-05-09 取得の computed style に基づく。

KUBOTA

Japan · Helvetica Neue

クボタ（https://www.kubota.co.jp/）のデザイン仕様書。 実サイトの computed style に基づく（2026-05-23 取得）。

Kyash（キャッシュ）

Japan · Hiragino Sans

Kyash（https://www.kyash.co/）のデザイン仕様書。 Visaプリペイドカード＋スマホ決済アプリ。審査不要でカード発行、リアルタイム家計簿、共有口座などの機能を提供するフィンテックサービス。 実サイトの computed style 実測（2026-05-21 取得）に基づく。

NOHGA HOTEL（ノーガホテル）

Japan · Hiragino Sans

NOHGA HOTEL（ノーガホテル / https://www.nohgahotel.com/）のデザイン仕様書。 上野・秋葉原・清水（京都）に展開する、アート／音楽／ガストロノミーをテーマにした 野村不動産グループのライフスタイル（ブティック）ホテル。「その地域と深くつながること」を掲げ、 地域のデザイナー・アーティストと連携した家具・アート・音楽で滞在を編む。 最大の特徴は チャコールグレー（#54565a / #53565a）…

ニトリ（Nitori）

Japan · Hiragino Sans

ニトリネット（https://www.nitori-net.jp/）のデザイン仕様書。 家具・インテリア・生活雑貨の総合 EC プラットフォーム。「お、ねだん以上。」を掲げる日本最大級のホームファニシング企業。 実サイトの computed style 実測（2026-05-21 取得）に基づく。

みんなの銀行（Minna no Ginko）

Japan · Hiragino Sans

みんなの銀行（Minna no Ginko）のデザイン仕様書。

よーじや（よーじやグループ）

Japan · Hiragino Sans

よーじやグループ（https://www.yojiya.co.jp/）のデザイン仕様書。 明治 37 年創業、京都のあぶらとり紙で知られる。「みんなが喜ぶ京都にする」をビジョンに掲げるグループのコーポレートサイト。 縦書きが構造として組み込まれている。ヒーローのコピー（61px）だけでなく、セクションラベル（NEWS／お知らせ）と回遊カードの見出し（28.8px）も writing-mode: vertical-rl。このサイトで縦書…

世田谷文学館（SETABUN）

Japan · Hiragino Sans

世田谷文学館（SETABUN）のデザイン仕様書。

森美術館 / Mori Art Museum（モリ美術館）

Japan · Hiragino Sans

森美術館（Mori Art Museum）公式サイト 日本語版（https://www.mori.art.museum/jp/）のデザイン仕様書。 1997 年構想・2003 年開館の現代アート専門館。六本木ヒルズ森タワー 53 階に位置する東京の代表的なコンテンポラリーアート美術館。 国際性・実験性・教育普及を 3 つの柱とする。 実サイトの computed style 実測（2026-05-08 取得）に基づく。

Other fonts