Design systems set in Lato
Brands and apps whose DESIGN.md names Lato as a typeface, including Slack, Fugle and Lenovo. Each file also lists the sizes, weights and colors that go with it, so your coding agent can match the whole style.
29 files
Files
Slack
UI Skillbook · Lato
Work chat with an aubergine sidebar, a four-color brand and clear, friendly hierarchy.
Fugle
Brands · Lato
Taiwan's visual-first stock research and trading platform, built by investors for serious investors.
Lenovo
Brands · Lato
Computing and device retail with black-red branding, practical hierarchy, and broad catalog structure. Lenovo's public site uses a black-white base, red brand accents, and hardware-forward merchandising.
MediBloc
Brands · Pretendard
MediBloc (메디블록) is the health-data blockchain project behind Panacea, "a high-performance blockchain optimized for health data exchange", and the MED coin that rewards people for contributing to it. medibloc.com is…
PeopleFund
Brands · Pretendard
PeopleFund (피플펀드), now rebranded as 크플 (Cple), is Korea's online P2P real-estate lending and investment platform, and its design system reads as a confident, minimal financial product with a single bold accent: the…
Wantedly
Brands · Poppins
Wantedly is Japan's "business SNS connected by empathy" (共感でつながるビジネスSNS), and its visual system is engineered to make job hunting feel like browsing a lifestyle magazine rather than scanning classified ads. The…
Crunchyroll
iOS apps · Lato
Crunchyroll's iOS app is a cinema for anime. The entire experience is built on a true-black OLED canvas (#000000) so that full-bleed key-art — the painted, saturated, character-forward poster of each show — can bleed…
Goodreads
iOS apps · Lato
Goodreads' iOS app feels like a well-worn personal library rendered on a screen. The defining gesture of the entire product is a wall of book covers — full-color, photographic jacket art arranged in tight grids and…
Nextdoor
iOS apps · Lato
Nextdoor's iOS app feels like a friendly community bulletin board, not a tech product. The defining choice is the canvas: a warm cream (#FAF9F6) rather than the cold pure-white of most social apps. That subtle…
dancyu（ダンチュウ）
Japan · Yu Gothic Medium
プレジデント社の食雑誌『dancyu』の公式サイト（https://dancyu.jp/）のデザイン仕様書。 1990 年創刊、「食こそエンターテインメント」を掲げる。Web 版は「プロが教えるレシピ／厳選！店探し／食のストーリー／連載」の 4 本柱と、会員制コミュニティ「食いしん坊倶楽部」で構成される。 最大の特徴は border-radius が全ページでゼロであること。ボタン・バッジ・カード・画像まで角を一切丸めず、赤 #cc0…
FABRIC TOKYO（ファブリックトーキョー）
Japan · Lato
FABRIC TOKYO（https://fabric-tokyo.com/）のデザイン仕様書。 D2C カスタムオーダースーツブランド。オンライン採寸 + 店舗フィッティングで "スーツをもっと自由に" を掲げるメンズ／ウィメンズ向けオーダーウェア。 実サイトの computed style 実測（2026-05-09 取得）に基づく。
GOOD NATURE STATION（グッドネイチャーステーション）
Japan · Lato
GOOD NATURE STATION（https://goodnaturestation.com/）のデザイン仕様書。 京阪ホールディングスの BIOSTYLE 事業が 2019 年に京都・河原町で開業した、マーケット／レストラン／コスメ／ホテルを 1 棟に収めた複合施設。壁面緑化のファサードで知られる。 角丸を 1 つも使わない。CTA・チップ・カード・バナー、抽出した interactive の全件が border-radius…
KUMON
Japan · Lato
KUMON（https://www.kumon.ne.jp/）のデザイン仕様書。 公文教育研究会の公式サイト。実サイトの computed style に基づく。
MICIN（マイシン）
Japan · Lato
MICIN（マイシン）のデザイン仕様書。
MOTHERHOUSE（マザーハウス）
Japan · Lato
MOTHERHOUSE（https://www.mother-house.jp/）のデザイン仕様書。 2026-05-09 取得の computed style に基づく。
objcts.io（オブジェクツアイオー）
Japan · Lato + 游ゴシック
objcts.io（https://objcts.io/）のデザイン仕様書。 日本発の D2C プレミアムレザーグッズブランド。バッグ・アクセサリーを中心に、ものづくりの質感と機能美を追求。 実サイトの computed style 実測（2026-05-09 取得）に基づく。Shopify ベースの EC サイト。
PARCO（パルコ）
Japan · NotoSansCJKjp
株式会社パルコ コーポレートサイト（https://www.parco.co.jp/）のデザイン仕様書。 1969年創業、渋谷・池袋・名古屋などの都市型商業施設を運営する流通企業。 実サイトの computed style 実測（2026-05-07 取得）に基づく。
Snow Peak（スノーピーク）
Japan · 游明朝
Snow Peak（https://www.snowpeak.co.jp/）のデザイン仕様書。 新潟・燕三条発、自然と人をつなぐ高品質アウトドアブランド。 実サイトの computed style 実測（2026-05-06 取得）に基づく。
TODAY'S SPECIAL（トゥデイズスペシャル）
Japan · Noto Sans JP
TODAY'S SPECIAL（https://www.todaysspecial.jp/）のデザイン仕様書。 2026-05-09 取得の computed style に基づく。
TOTO（TOTO株式会社）
Japan · Lato
TOTO（https://jp.toto.com/）のデザイン仕様書。 日本を代表する住宅設備メーカー。トイレ・浴室・キッチン・水栓等の水まわり製品を展開。 実サイトの computed style 実測（2026-05-09 取得）に基づく。
エスビー食品（S&B Foods）
Japan · Arial
エスビー食品（S&B Foods）のデザイン仕様書。
カミナシ（KAMINASHI）
Japan · Noto Sans JP
カミナシ（KAMINASHI）のデザイン仕様書。
ツムラ（TSUMURA）
Japan · Noto Sans JP
ツムラ（TSUMURA）のデザイン仕様書。
ニッカウヰスキー（NIKKA WHISKY）
Japan · Noto Sans JP
ニッカウヰスキー（NIKKA WHISKY）のデザイン仕様書。
ミツカン（Mizkan）
Japan · Hiragino Kaku Gothic ProN
ミツカン（https://www.mizkan.co.jp/）のデザイン仕様書。 1804年創業、半田の酢からはじまった食品メーカーのコーポレート＋レシピサイト。「やがて、いのちに変わるもの。」をタグラインに掲げる。 ブランド色は緑 1 色（#093 ＝ #009933）。CSS 上の実出現は 487 回で、他のどの色よりも桁違いに多い。この 1 色だけで「ミツカンの面」を作る #093 という 3 桁ショートハンドで書かれている。#…
共同印刷 / TOMOWEL（Kyodo Printing）
Japan · 游明朝体
共同印刷 / TOMOWEL（Kyodo Printing）のデザイン仕様書。
熊本市現代美術館（CAMK）
Japan · Noto Sans JP
熊本市現代美術館（CAMK）のデザイン仕様書。
白鶴酒造（HAKUTSURU）
Japan · MyYuGothicM
白鶴酒造（HAKUTSURU）のデザイン仕様書。
金子眼鏡（KANEKO OPTICAL）
Japan · adobe-garamond-pro
金子眼鏡株式会社（https://www.kaneko-optical.co.jp/）のデザイン仕様書。 1958 年創業、福井県鯖江市。自社工房で職人が手作業でつくるアイウェアブランドで、「金子眼鏡店」「職人シリーズ」「SPIVVY」などのラインを持つ。 最大の特徴は、欧文セリフ（Adobe Garamond Pro）と和文明朝（FOT-筑紫Aオールド明朝 Pr6 R）でナビゲーションと大見出しを組み、本文だけを Lato ＋ A-…
Other fonts
- Inter245
- Noto Sans JP160
- Pretendard129
- SF Mono108
- JetBrains Mono68
- Roboto60
- Helvetica Neue56
- Arial50
- Poppins36
- 游ゴシック体35
- Hiragino Kaku Gothic ProN32
- Open Sans32
- Circular31
- Noto Serif JP31
- Segoe UI30
- Helvetica27
- Noto Sans TC24
- YakuHanJP22
- Montserrat20
- Noto Sans20
- Noto Sans Japanese19
- DM Sans17
- Hiragino Sans17
- Noto Sans KR17
- ヒラギノ角ゴ Pro W315
- Manrope14
- 游ゴシック14
- Hiragino Kaku Gothic Pro13
- PingFang TC12
- Zen Kaku Gothic New12
- All fonts