Yellow design systems

Brands and apps whose main color is yellow, including 3o3 (삼쩜삼), ABEMA and Binance. The family comes from each file's primary or accent color; open a file to see its full palette.

94 files, page 2 of 2

Files

Plex

iOS apps · Inter

Plex's iOS app is a calm, personal home cinema. Unlike commercial streamers it is not selling a catalog — it is presenting your media: the movies, shows, music, and photos living on a server you control. The design…

1616 / arita japan

Japan · Arial

1616 / arita japan(https://www.1616arita.jp/)のデザイン仕様書。 Creative Director: 柳原照弘(Teruhiro Yanagihara)。有田焼の伝統を現代デザインに昇華させたポーセリンブランド。 実サイトの computed style に基づく。WordPress サイト。

Audio-Technica

Japan · FP-ヒラギノ角ゴ ProN W6

オーディオテクニカ(https://www.audio-technica.co.jp/)のデザイン仕様書。 1962年創業のプロフェッショナルオーディオ機器メーカー。 Puppeteer による computed style 実測値(2026-05-26 取得)に基づく。

BASE FOOD(ベースフード)

Japan · pishiigothicstdn-r

BASE FOOD(https://basefood.co.jp/)のデザイン仕様書。 完全栄養食の D2C ブランド。「かんたん、おいしい、からだにいい」がタグライン。 実サイトの computed style 実測(2026-05-21 取得)に基づく。

CFCL

Japan · Garamond

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

cotogoto(コトゴト)

Japan · exclamation

cotogoto 公式オンラインストア(https://www.cotogoto.jp/)のデザイン仕様書。 東京・高円寺の日本の手仕事の暮らし道具店。「暮らしのなかの、ひとつひとつ。」をコンセプトに、せいろ・おろし金・花ふきん等のキッチン雑貨・生活道具を厳選して扱う。 実サイトの computed style に基づいて記述。

Dandelion Chocolate(ダンデライオン・チョコレート)

Japan · Montserrat

Dandelion Chocolate 公式オンラインストア(https://dandelionchocolate.jp/)のデザイン仕様書。 2010年サンフランシスコ創業の Bean to Bar チョコレート専門店。2016年に蔵前に日本1号店をオープン。 シングルオリジンのカカオ豆ときび糖のみを使用した手作りチョコレート。Shopify ベースのサイト。 実サイトの computed style 実測(2026-05-08 取…

Digital Agency Japan (digital.go.jp / DADS)

Japan · Noto Sans JP

Digital Agency Japan (digital.go.jp / DADS)のデザイン仕様書。

IKEUCHI ORGANIC(イケウチオーガニック)

Japan · 游ゴシック体

IKEUCHI ORGANIC(https://www.ikeuchi.org/)のデザイン仕様書。 2026-05-09 取得の computed style に基づく。

kolor(カラー)

Japan · LTUnivers

kolor 公式オンラインストア(https://kolor.jp/)のデザイン仕様書。 デザイナー・阿部潤一による前衛的日本メンズウェア/レディースウェアブランド。 素材の意外な組み合わせと構築的なテーラリングで国内外から高く評価される。 実サイトの computed style 実測(2026-07-21 取得)に基づく。

Kracie(クラシエ)

Japan · UDShinGoPr

Kracie(https://www.kracie.co.jp/)のデザイン仕様書。 漢方薬・日用品・化粧品・食品を手がける総合消費財メーカー。タグライン「夢中になれる明日」。 実サイトの computed style 実測(2026-05-21 取得)に基づく。

KUMON

Japan · Lato

KUMON(https://www.kumon.ne.jp/)のデザイン仕様書。 公文教育研究会の公式サイト。実サイトの computed style に基づく。

LOFT(ロフト)

Japan · YuGothic

LOFT(https://www.loft.co.jp/)のデザイン仕様書。 文房具・雑貨・コスメ・インテリアを扱うライフスタイルストア。セブン&アイグループ。 実サイトの computed style 実測(2026-05-09 取得)に基づく。

Loftwork (ロフトワーク)

Japan · YakuHanJP

Loftwork (ロフトワーク)のデザイン仕様書。

MIKIMOTO(ミキモト)

Japan · Noto Sans Japanese

MIKIMOTO(https://mikimoto.com/jp-ja)のデザイン仕様書。 1893年創業、養殖真珠の発明者・御木本幸吉が興した日本発のラグジュアリージュエリーブランド。 実サイトの computed style 実測(2026-05-09 取得)に基づく。

nano universe(ナノ・ユニバース)

Japan · Cabin

nano universe(ナノ・ユニバース)のデザイン仕様書。

OMO by 星野リゾート(おも)

Japan · HEmoji

OMO(おも)by 星野リゾート(https://omo-hotels.com/)のデザイン仕様書。 星野リゾートが展開する「街ナカ」シティホテルブランド。 コンセプトは「テンションあがる、街遊び。」。観光やビジネスの拠点として街を遊び尽くすための都市型ホテル。 最大の特徴は 黒地 × ネオンイエロー(#fff778) の大胆でポップなビジュアル。遊び心のあるトーン。 実サイトの computed style 実測(2026-06-2…

ONIBUS COFFEE (オニバスコーヒー)

Japan · tenon

ONIBUS COFFEE (オニバスコーヒー)のデザイン仕様書。

SAPPORO BEER(サッポロビール)

Japan · Arial

サッポロビール(https://www.sapporobeer.jp/)のデザイン仕様書。 1876年創業、北海道開拓使麦酒醸造所をルーツとする日本を代表するビールブランド。星のマークが象徴。 実サイトの computed style 実測(2026-05-09 取得)に基づく。

SOU・SOU(そうそう)

Japan · Noto Serif JP

SOU・SOU(https://www.sousou.co.jp/)公式オンラインショップのデザイン仕様書。 「日本の伝統と現代の融合」をコンセプトに、地下足袋・テキスタイル・和装を現代的なグラフィックで再解釈する京都発のテキスタイルブランド。 実サイトの computed style 実測(2026-05-07 取得)に基づく。

Subsequence (サブシーケンス)

Japan · Noto Sans JP

Subsequence (サブシーケンス)のデザイン仕様書。

TENERITA(テネリータ)

Japan · Noto Sans Japanese

TENERITA 公式オンラインストア(https://www.tenerita.com/)のデザイン仕様書。 オーガニックコットン専門ブランド。国際認証GOTSを取得した最高品質のタオル・寝具・ウェアを展開。 "ゆたか" であること、"上質" であること — ブランドコンセプトがそのままサイトの空気感に。 実サイトの computed style に基づいて記述。

THREE

Japan · akzidenz-grotesk

THREE(https://www.threecosmetics.com/)のデザイン仕様書。 ACRO Inc.(ポーラ・オルビスグループ)が展開するナチュラルコスメブランド。 実サイトの computed style に基づく。

TYPICA(ティピカ)

Japan · a-otf-gothic-bbb-pr6n

TYPICA(ティピカ / https://typica.jp/)のデザイン仕様書。 コーヒー生産者とロースターを直接つなぐ、スペシャルティコーヒーのダイレクトトレード・プラットフォーム&コミュニティ。 最大の特徴は 温かいクリーム地(#f4efe5)に多色のブランドアクセント(イエロー/ブルー/パープル/グリーン)を散らす editorial(編集的)な配色 と、巨大なハイコントラスト・セリフ書体(restra)の英字ディスプレイ見…

ZENB(ゼンブ)

Japan · Hiragino Kaku Gothic ProN

ZENB(https://zenb.jp/)のデザイン仕様書。 ミツカングループの D2C ブランド。「おいしい と カラダにいい は ひとつになれる」をコンセプトに、黄えんどう豆を主原料とした植物由来の新主食を展開。 実サイトの computed style 実測(2026-05-24 取得)に基づく。

カミナシ(KAMINASHI)

Japan · Noto Sans JP

カミナシ(KAMINASHI)のデザイン仕様書。

クラレ(KURARAY)

Japan · noto-sans-cjk-jp

クラレ(KURARAY)のデザイン仕様書。

ココマイスター(COCOMEISTER)

Japan · Noto Serif JP

ココマイスター(https://cocomeister.jp/)のデザイン仕様書。 日本の職人が英国・イタリアの革を仕立てるレザーグッズブランドの公式 EC(Shopify)。財布・鞄・小物を「革の種類」と「シリーズ」の 2 軸で見せる。 見出しは明朝、UI はゴシック。この分業が全ページで徹底されている。商品名・セクション見出し・キャッチはすべて Noto Serif JP / ヒラギノ明朝、ナビ・ボタン・価格は Noto Sans…

ソメスサドル(SOMÈS SADDLE)

Japan · 游ゴシック Medium

ソメスサドル(SOMÈS SADDLE)のデザイン仕様書。

ファクトリエ(Factelier)

Japan · Avenir

ファクトリエ(https://factelier.com/)のデザイン仕様書。 「世界に誇る、ファクトリーブランド」を掲げる日本製アパレルの D2C。工場と直接つながる販売モデルを取る。 Avenir が和文より先頭。Avenir, 游ゴシック体, YuGothic, … で、欧文グリフを Avenir に取らせてから和文に渡す body の font-size が 12px。本文は 14px、見出しは 18px。全体に小さく、詰まっ…

ほぼ日刊イトイ新聞(Hobonichi)

Japan · Noto Sans

ほぼ日刊イトイ新聞 公式サイト(https://www.1101.com/)のデザイン仕様書。 糸井重里が主宰する 1998 年創刊の Web メディア兼 EC(ほぼ日手帳など)。 実サイトの computed style に基づいて記述。

マルマン(Maruman)

Japan · MyYuGothicM

マルマン(Maruman)のデザイン仕様書。

みんなの銀行(Minna no Ginko)

Japan · Hiragino Sans

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

ヤッホーブルーイング(YOHO BREWING)

Japan · Noto Sans JP

ヤッホーブルーイング(YOHO BREWING)のデザイン仕様書。

中村藤吉本店(NAKAMURA TOKICHI)

Japan · Noto Serif JP

中村藤吉本店(https://www.tokichi.jp/)のデザイン仕様書。 1854 年(安政元年)創業、京都・宇治の茶商。初代中村藤吉が茶問屋を開いてから 170 年、本店は国の重要文化的景観の選定地に建つ。「生茶ゼリイ」で知られ、店舗の茶房と通販の両方を持つ。ロゴは「まると」の商標。 サイトは Shopify(Dawn ベース)を明朝体で組み替えた構成。EC のテンプレートを、老舗茶商の字面に寄せて徹底的に和文向けにチューニ…

八海山(八海醸造 / HAKKAISAN)

Japan · TsukuAOldMinPr6N-M

八海山(八海醸造 / HAKKAISAN)のデザイン仕様書。

北欧、暮らしの道具店

Japan · Yu Gothic Medium

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

山崎実業(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…

帝国ホテル(Imperial Hotel)

Japan · Noto Serif JP

帝国ホテル(Imperial Hotel)のデザイン仕様書。

新潮社(SHINCHOSHA)

Japan · 游ゴシック体

新潮社(SHINCHOSHA)のデザイン仕様書。

暮しの手帖 (Kurashi no Techo)

Japan · dnp-shuei-mincho-pr6n

暮しの手帖 (Kurashi no Techo)のデザイン仕様書。

白鶴酒造(HAKUTSURU)

Japan · MyYuGothicM

白鶴酒造(HAKUTSURU)のデザイン仕様書。

能作(NOUSAKU)

Japan · Noto Sans Japanese

能作 公式サイト(https://www.nousaku.co.jp/)のデザイン仕様書。 1916年創業、富山県高岡市の鋳物メーカー。錫(すず)100%の曲がる器で知られる。 伝統的な鋳造技術と現代の暮らしを結ぶ「用の美」を体現するブランド。 実サイトの computed style 実測(2026-05-08 取得)に基づく。

茅乃舎(かやのや / 久原本家)

Japan · FOT-筑紫明朝 Pr6 R

茅乃舎(https://www.kayanoya.com/)のデザイン仕様書。 福岡・久原本家グループの和風だし/無添加調味料ブランド。原点は山あいに佇む「御料理 茅乃舎」。 最大の特徴は 薄暮の茅葺き屋根を全画面に敷いた写真ヒーロー に、全面を貫く筑紫明朝(FOT-筑紫明朝 Pr6) と 七十二候(菖蒲華・六月…)を縦組み風に添えた季節の設え。白文字を濃褐(#1c130a)のヴェールに乗せ、見出しには 0.3〜0.5em の広い字間…

角川武蔵野ミュージアム(Kadokawa Culture Museum)

Japan · Noto Sans JP

角川武蔵野ミュージアム(https://kadcul.com/)のデザイン仕様書。 2020 年開館。隈研吾設計の巨大な花崗岩の塊の中に、図書館・美術館・博物館が同居する複合文化施設。 最大の特徴は セクション見出しを writing-mode: vertical-rl の縦組みで組むこと。「企画展/イベント/ライブラリー」「ニュース」「本棚劇場」が縦に立ち、letter-spacing: 0.2em で開く。日本語サイトで縦組み見出…

食べチョク(Tabechoku)

Japan · Noto Serif JP

食べチョク(https://www.tabechoku.com/)のデザイン仕様書。 農家・漁師から直接買える産直通販マーケットプレイス。商品 42,363 点/生産者 11,896 軒が並ぶ。 ブランド色は「金茶」1 系統。--Color-Primary-Gold-70: #cab270(CSS 出現 154 回)と Gold-60: #9f8745(138 回)の 2 段で、面と文字を使い分ける。日本の EC で「金」を主色に据え…

Other colors