Green design systems
Brands and apps whose main color is green, including Duolingo, Spotify and Nuxt. The family comes from each file's primary or accent color; open a file to see its full palette.
146 files, page 3 of 4
Files
Hulu
iOS apps · Graphik
Hulu's iOS app is a content-dense streaming surface built on a near-black canvas (#0B0C0F) that pushes thumbnail artwork forward and lets the chrome disappear. Where some streamers chase cinematic minimalism, Hulu…
Kick
iOS apps · Inter
Kick's iOS app has one of the most aggressive, single-minded color identities of any major app: a near-black canvas (#0E0E10) with a single electric, almost-radioactive lime green (#53FC18) doing absolutely…
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…
Nike Run Club
iOS apps · Circular
Nike Run Club is a stadium tunnel — black walls, white spotlights, a runner sprinting into them. The canvas is true black (#000000) on every screen, the typography is editorial and athletic, and every interaction is…
Panera
iOS apps · Poppins
Panera's iOS app feels like walking into a warm bakery-café. The canvas is a soft warm white (#FFFFFF with cream-tinted cards at #F4EFE1), never a clinical pure-white tech surface, because the brand is built on the…
Threema
iOS apps · Circular
Threema's iOS app is a privacy-first messenger, and its entire visual language is engineered around one promise: you can communicate without revealing who you are. There is no phone number, no email, no Google or…
Uber Eats
iOS apps · Inter
Uber Eats' iOS app is a bright, photo-first marketplace built on a pure white canvas (#FFFFFF) where food photography does the selling. The interface is intentionally clean and high-contrast: white surfaces,…
iOS apps · Hiragino
WeChat's iOS app is not really a messaging app — it's an operating system wearing a chat app's clothes, and the design reflects that. The visual language is deliberately spare and utilitarian: a light gray system…
WHOOP
iOS apps · Inter
WHOOP's iOS app is a performance instrument panel for the human body. Where MyFitnessPal is a friendly ledger and Apple Fitness is a celebratory ring chase, WHOOP is the cockpit of a fighter jet — pitch-black canvas,…
AKOMEYA TOKYO（アコメヤ トーキョー）
Japan · Yu gothic
AKOMEYA TOKYO 公式サイト（https://www.akomeya.jp/）のデザイン仕様書。 「お米を中心とした暮らしの提案」を掲げる、サザビーリーグ運営のセレクト型ライフスタイルストア。 2013 年に銀座で 1 号店を開業。米穀・調味料・道具・衣料・書籍まで、和の暮らしを再編集する。 実サイトの computed style 実測（2026-05-08 取得）に基づく。
Ambientec
Japan · Neue Haas Grotesk Text Pro
Ambientecのデザイン仕様書。
BALMUDA（バルミューダ）
Japan · Open Sans
BALMUDA 公式サイト（https://www.balmuda.com/jp/）のデザイン仕様書。 「The Toaster」「The GreenFan」など、家電を超えたプロダクトデザインで知られるバルミューダのコーポレート / EC サイト。 実サイトの computed style に基づいて記述。
CAINZ（カインズ）
Japan · Hiragino Kaku Gothic ProN
カインズ（https://www.cainz.com/）のデザイン仕様書。 日本最大級のホームセンターチェーン。オンラインショップと全国200超の店舗を展開。 2021年にデジタル戦略を刷新し、グッドデザイン賞を受賞したEC体験で知られる。 実サイトの computed style 実測（2026-05-09 取得）に基づく。
Celvoke (セルヴォーク)
Japan · Nunito
Celvoke (セルヴォーク)のデザイン仕様書。
CHOYA (チョーヤ梅酒)
Japan · Noto Serif JP
CHOYA 公式サイト (https://www.choya.co.jp/) のデザイン仕様書。 1914年創業の梅酒メーカー。「The CHOYA」「さらりとした梅酒」等で知られる日本を代表する梅酒ブランド。 明朝体見出し + ゴシック体本文の二書体構成で、老舗の品格と現代的な清潔感を両立。実サイトの computed style に基づいて記述。
CyberAgent（サイバーエージェント）
Japan · YuGothic
CyberAgent（https://www.cyberagent.co.jp/）のデザイン仕様書。 インターネット広告・メディア・ゲーム事業を展開する総合インターネット企業。ABEMA、Cygames 等の親会社。 実サイトの computed style 実測（2026-05-15 取得）に基づく。
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…
GREEN SPOON
Japan · Riviera
GREEN SPOONのデザイン仕様書。
Hands (hands.net)
Japan · Hiragino Kaku Gothic ProN
ハンズ（https://hands.net/、旧 東急ハンズ）のデザイン仕様書。 創造的な暮らしを支えるライフスタイルストア。DIY・文具・コスメ・アウトドアなど幅広い品揃え。 実サイトの computed style 実測（2026-06 取得）に基づく。
HOTEL THE MITSUI KYOTO（ホテル ザ 三井 京都）
Japan · mfw-rohminchopro-md
HOTEL THE MITSUI KYOTO（ホテル ザ 三井 京都）のデザイン仕様書。
JR East (JR東日本)
Japan · Noto Sans JP
JR東日本（https://www.jreast.co.jp/）のデザイン仕様書。 実サイトの computed style に基づく。Noto Sans JP をベースフォントとし、ブランドグリーン #008803 を軸に、自然を想起させる多層のグリーンパレットで構成されている。
JRA 日本中央競馬会
Japan · Noto Sans JP
JRA 日本中央競馬会のデザイン仕様書。
KURKKU FIELDS（クルックフィールズ）
Japan · Noto Sans JP
KURKKU FIELDS（https://kurkkufields.jp/）のデザイン仕様書。 千葉県木更津市の、農業・食・アート・自然体験が一体となったサステナブルファーム＆パーク。音楽プロデューサー小林武史が手がける「いのちのてざわり」をテーマにした複合施設。 実サイトの computed style 実測（2026-05-09 取得）に基づく。
MOS BURGER (mos.jp)
Japan · Hiragino Kaku Gothic ProN
MOS BURGER (mos.jp)のデザイン仕様書。
mybest（マイベスト）
Japan · Roboto
mybest（https://my-best.com/）のデザイン仕様書。 日本最大級の商品比較サービス。自社施設で商品を購入・検証し、ランキング形式でおすすめを紹介する。 実サイトの computed style 実測（2026-06-21 取得、トップページ＋記事ページ）に基づく。
NEWT（ニュート / 令和トラベル）
Japan · Helvetica Neue
NEWT（ニュート）by 令和トラベル株式会社（https://www.newt.net/）のデザイン仕様書。 海外・国内旅行のツアー＆ホテルをアプリで予約できる旅行サービス。 「かしこい、たのしい、海外旅行」をコンセプトに掲げる。 実サイトの computed style 実測（2026-06-24 取得。CSS Custom Properties 155 件を含む）に基づく。
nosh（ナッシュ）
Japan · Noto Sans JP
nosh（ナッシュ）のデザイン仕様書。
Novasell
Japan · Zen Kaku Gothic New
Novasell（https://novasell.com/）のデザイン仕様書。 ラクスルグループの AI マーケティングエージェンシー。 Puppeteer による computed style 実測値（2026-04-06 取得）に基づく。
Oisix ra daichi
Japan · Arial W01 Narrow Bold
Oisix ra daichi（https://www.oisixradaichi.co.jp/）のデザイン仕様書。 食品宅配大手（Oisix、らでぃっしゅぼーや、大地を守る会の親会社）のコーポレートサイト。 Morisawa 明朝体の見出し + ヒラギノ角ゴシックの本文という、セリフ×サンセリフの混植が特徴。
PostCoffee（ポストコーヒー）
Japan · Helvetica Neue
PostCoffee（ポストコーヒー）のデザイン仕様書。
Sumitomo Forestry (住友林業)
Japan · 游ゴシック体
住友林業（https://sfc.jp/）のデザイン仕様書。 実サイトの computed style に基づく。住友林業は住宅・建築・木材・再生可能エネルギー事業を展開する総合企業。 明朝体（ディスプレイ）・ゴシック体（本文）・Roboto（英語見出し）の3書体を使い分ける、自然と品格を表現したデザインシステム。
Tokyo Midtown（東京ミッドタウン）
Japan · 太ゴ B101
東京ミッドタウン公式サイト（https://www.tokyo-midtown.com/jp/）のデザイン仕様書。 「JAPAN VALUE」をブランドメッセージに掲げる、六本木に位置する複合都市施設。 2121 DESIGN SIGHT、サントリー美術館などデザイン文化の発信拠点を擁する。 実サイトの computed style に基づいて記述。
アユーラ（AYURA）
Japan · Poppins
アユーラ（https://www.ayura.co.jp/）のデザイン仕様書。 「ストレスに着目した」スキンケアブランドの公式サイト兼オンラインストア。 塗りボタンが 1 つもない。CTA はすべて白地 + #c8c8c8 の 1px 枠 + border-radius: 25px の pill。面で押さず、線で示す 地が白ではない。#f8f5f5 — わずかに赤みを含んだオフホワイトで、下層ページは全面がこの色（商品一覧は 9/9 …
カンディハウス (Conde House)
Japan · aktiv-grotesk
カンディハウス (Conde House)のデザイン仕様書。
ソラシドエア（Solaseed Air）
Japan · Murecho
ソラシドエア（Solaseed Air）のデザイン仕様書。
マネーフォワード
Japan · Hiragino Kaku Gothic Pro
マネーフォワード（https://moneyforward.com/）のデザイン仕様書。 コーポレートサイトおよびサービスページの computed style に基づく。
ミシマ社（MISHIMASHA）
Japan · Noto Sans Japanese
ミシマ社（MISHIMASHA）のデザイン仕様書。
ライオン（LION）
Japan · YakuHanJPs_Noto
ライオン（LION）のデザイン仕様書。
伊藤園（ITO EN）
Japan · Noto Sans JP
伊藤園（https://www.itoen.co.jp/ ＋ https://www.itoen.co.jp/products/）のデザイン仕様書。 日本最大の茶飲料メーカー。企業情報サイトと商品情報サイトの2系統を持つ。 実サイトの computed style 実測（2026-05-09 取得）に基づく。
大林組（OBAYASHI）
Japan · YakuHanJPs
大林組（OBAYASHI）のデザイン仕様書。
山櫻（YAMAZAKURA）
Japan · Muli
山櫻（YAMAZAKURA）のデザイン仕様書。
有隣堂（YURINDO）
Japan · Noto Sans JP
有隣堂（YURINDO）のデザイン仕様書。
東京国立博物館（Tokyo National Museum / 東博）
Japan · Helvetica Neue
東京国立博物館（Tokyo National Museum / 東博）のデザイン仕様書。
東京建物（Tokyo Tatemono）
Japan · Noto Sans JP
東京建物（Tokyo Tatemono）のデザイン仕様書。
東急不動産（TOKYU LAND）
Japan · YuGothicM
東急不動産（TOKYU LAND）のデザイン仕様書。
淡交社（TANKOSHA）
Japan · Noto Serif JP
淡交社（TANKOSHA）のデザイン仕様書。
熊本市現代美術館（CAMK）
Japan · Noto Sans JP
熊本市現代美術館（CAMK）のデザイン仕様書。