UI Skillbook
2

Design systems set in Roboto

Brands and apps whose DESIGN.md names Roboto as a typeface, including Aljazeera, AmazingTalker and Avanza. Each file also lists the sizes, weights and colors that go with it, so your coding agent can match the whole style.

60 files, page 2 of 2

Files

ウェルスナビ（WealthNavi）

Japan · Noto Sans JP

ウェルスナビ（WealthNavi）のデザイン仕様書。

ユーグレナ（euglena）

Japan · Roboto

ユーグレナ（euglena）のデザイン仕様書。

ロート製薬（ROHTO）

Japan · Noto Sans JP

ロート製薬の公式企業サイト（https://www.rohto.co.jp/）のデザイン仕様書。 1899 年創業。目薬・スキンケア（肌ラボ、メンソレータム、オバジ）から再生医療・アグリまで手がける。 コーポレートスローガンは「ロートは、ハートだ。」、企業姿勢は「ひらけ、ハート！ひらけ、ロート！」。 最大の特徴は border-radius: 9990px という独特のピル指定と、ブランドブルー #005bac 1 色でサイト全体を駆…

丸山珈琲（MARUYAMA COFFEE）

Japan · Noto Sans JP

株式会社丸山珈琲（https://www.maruyamacoffee.com/）のデザイン仕様書。 1991 年、長野県軽井沢に創業したスペシャルティコーヒーの焙煎・小売企業。バイヤーが産地に足を運ぶ「ダイレクトトレード」と、カップ・オブ・エクセレンス国際審査員を務める丸山健太郎氏で知られる。 最大の特徴は、ブランド色を純黒ではなく #231815 に置くこと。これは日本の DTP でスミベタに使われる標準値そのもので、印刷物のイン…

丹青社（TANSEISHA）

Japan · Noto Sans JP

丹青社（TANSEISHA）のデザイン仕様書。

共同印刷 / TOMOWEL（Kyodo Printing）

Japan · 游明朝体

共同印刷 / TOMOWEL（Kyodo Printing）のデザイン仕様書。

国立新美術館（The National Art Center, Tokyo）

Japan · ヒラギノ角ゴ Pro W3

国立新美術館（https://www.nact.jp/）のデザイン仕様書。 2007 年開館、六本木。黒川紀章設計の波打つガラスカーテンウォールで知られる、コレクションを持たない「アートセンター」型の美術館。シンボルマークは佐藤可士和による「新」の一字で、縦画・横画を切り離した幾何学的な構成が館のアイデンティティになっている。 Web の最大の特徴は、赤 #d7322d と墨 #222222 の二色だけで組む禁欲的な設計と、borde…

大林組（OBAYASHI）

Japan · YakuHanJPs

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

山崎実業（Yamazaki Home）

Japan · IBM Plex Sans JP

山崎実業（https://www.yamajitsu.co.jp/）のデザイン仕様書。 tower / tosca / plate などのシリーズで知られる住まいの収納・生活用品メーカーの公式オンラインストア。 和文も欧文も 1 書体で通す。--font-body-family と --font-heading-family がどちらも "IBM Plex Sans JP"。見出し用の別書体を持たない font-feature-set…

日本民藝館（The Japan Folk Crafts Museum）

Japan · Roboto

日本民藝館（The Japan Folk Crafts Museum）のデザイン仕様書。

美術手帖（びじゅつてちょう / BT）

Japan · Roboto

美術手帖（https://bijutsutecho.com/）のデザイン仕様書。 1948 年創刊、日本を代表する現代アート専門誌のウェブ版（美術出版社 / CCC アートラボ）。展覧会・ニュース・レビュー・雑誌アーカイブを束ねる情報量の多いアートメディア。 最大の特徴は ヒラギノ明朝 W6 のディスプレイ見出し × Roboto＋Noto Sans JP の本文ゴシック という和欧・明朝/ゴシックの使い分けと、ニアブラック #2c2…

鹿島建設（KAJIMA）

Japan · Roboto Condensed

鹿島建設（KAJIMA）のデザイン仕様書。

Other fonts