Teal design systems
Brands and apps whose main color is teal, including Shopify, AmazingTalker and Axiom. The family comes from each file's primary or accent color; open a file to see its full palette.
92 files, page 2 of 2
Files
VUNO
Brands · Poppins
VUNO (뷰노) is a Korean medical-AI company. Its own Our Story page says it was founded "at the dawn of medical AI" under the slogan "View the Invisible, Know the Unknown", and calls itself the pioneer that brought out…
Wadiz
Brands · Pretendard
Wadiz (와디즈) is the design language of a crowdfunding marketplace that wants to feel like a clean retail catalog, not a charity drive. Korea has a single dominant rewards-funding platform, and Wadiz long ago decided…
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…
Weaviate
Brands · Inter
Open-source vector database with a dark, developer-focused aesthetic — deep navy surfaces, green-teal brand accent, and data-exploration-first UI.
Weverse
Brands · Pretendard
Weverse (위버스) is the fan platform that calls itself a "Global Fandom Platform". It is run by Weverse Company Inc. ((주)위버스컴퍼니), whose footer on weverse.io gives a Pangyo address in Seongnam and names two affiliates,…
Xero
Brands · Inter
Friendly accounting-software design with small-business optimism and product-system rigor. Xero pairs bright sky-blue branding, calm financial UI structure, and a large reusable component library to make complex…
Bandcamp
iOS apps · DM Sans
Bandcamp's iOS app is a paper-first, editorial music marketplace whose entire identity is built on one belief: the album artwork — uploaded by the artist — is the brand, and the UI exists to get out of its way. The…
ChatGPT
iOS apps · Menlo 14pt
ChatGPT's iOS app is a master class in deliberate minimalism. The canvas is pure white (#FFFFFF) in light mode or near-black (#212121) in dark — there is almost no chrome, no color, no decoration. The design choice…
Fitbit
iOS apps · Circular
Fitbit's iOS app is a warm, encouraging health dashboard organized around a single screen: Today. The atmosphere is "supportive coach," not "clinical chart" — the app celebrates progress, nudges gently, and turns…
Sleep Cycle
iOS apps · Circular
Sleep Cycle is a bedside app, and every design decision flows from that single fact: the screen is the last thing you look at before sleeping and the first thing you see at dawn. The entire UI is wrapped in a calm…
TIDAL
iOS apps
TIDAL's iOS app is the most austere player in music streaming, and that austerity is the brand. The canvas is pure black (#000000) — not the softened "not-quite-black" of competitors, but true OLED black that makes…
Vero
iOS apps · Manrope
Vero's iOS app is the anti-feed. Its entire reason to exist is a reaction against algorithmic timelines, engagement-bait, and infinite ad walls — so the design philosophy is calm, chronological, and deliberate. The…
Aesop（イソップ）
Japan · SuisseIntl
Aesop 日本公式サイト（https://www.aesop.com/jp/）のデザイン仕様書。 1987年メルボルン創業のスキンケアブランド。調剤薬局を思わせる文学的な世界観と、抑制されたタイポグラフィで知られる。 実サイトの computed style に基づいて記述。
Afternoon Tea（アフタヌーンティー）
Japan · Noto Sans JP
Afternoon Tea 公式ブランドサイト（https://www.afternoon-tea.net/）のデザイン仕様書。 サザビーリーグが 1981 年に創業した日本のライフスタイルブランド。 LIVING（雑貨・インテリア）、TEAROOM（カフェ）、BAKERY、LOVE&TABLE のサブブランドを展開。 温かみのある、エレガントで女性的なデザインが特徴。 実サイトの computed style 実測（2026-05-…
ANREALAGE（アンリアレイジ）
Japan · Helvetica
ANREALAGE 公式オンラインショップ（https://www.anrealage.com/）のデザイン仕様書。 デザイナー森永邦彦が 2003 年に設立。ブランド名は A REAL — UN REAL — AGE の造語で、「日常（real）の中にある非日常（unreal）を見つけ、時代（age）を超えるデザイン」を志向する。テクノロジーと伝統的な手仕事を融合させるアヴァンギャルドな日本発ファッションブランド。 実サイトの co…
Autify（オーティファイ）
Japan · Roboto
Autify（オーティファイ）のデザイン仕様書。
BAYCREW'S STORE（ベイクルーズストア）
Japan · Hiragino Kaku Gothic Pro
BAYCREW'S STORE（https://baycrews.jp/）のデザイン仕様書。 日本最大級のマルチブランドファッションリテーラー。JOURNAL STANDARD、IENA、Deuxieme Classe、Spick and Span、EDIFICE、SLOBE IENA 等を擁するベイクルーズグループの公式EC。 実サイトの computed style 実測（2026-06-10 取得）に基づく。
Blue Bottle Coffee Japan
Japan · Figtree
Blue Bottle Coffee Japan（https://store.bluebottlecoffee.jp/）のデザイン仕様書。 スペシャルティコーヒーのオンラインストア。クリーンで静謐な空気感を、スカイブルーと広い余白で表現。 実サイトの computed style 実測（2026-05-08 取得）に基づく。
BRUTUS（ブルータス）
Japan · FOT-筑紫ゴシック Pro B
マガジンハウス『BRUTUS』Web 版（https://brutus.jp/）のデザイン仕様書。 1980 年創刊、男性向けカルチャー総合誌の Web 版。WordPress ベース、雑誌的タイポグラフィの典型例。 実サイトの computed style 実測（2026-05-07 取得）に基づく。
cowcamo（カウカモ）
Japan · Helvetica
cowcamo（https://cowcamo.jp/）のデザイン仕様書。 リノベーション済みマンションに特化した不動産マーケットプレイス。物件検索・詳細閲覧と、暮らしにまつわる読み物（マガジン）の二軸で構成される。 実サイトの computed style 実測（2026-05-09 取得）に基づく。
ENEOS
Japan · Noto Sans JP
ENEOS（https://www.eneos.co.jp/）のデザイン仕様書。 実サイトの CSS computed style に基づく。CSS Custom Properties は使用されていない（OneTrust Cookie バナーを除く）。
KAO
Japan · FP-ヒラギノUD角ゴ StdN W6
KAO（https://www.kao.com/jp/）のデザイン仕様書。 2026-05-21 取得の computed style に基づく。 花王グループのコーポレートサイト。日用品・化粧品・ヘルスケアを展開する日本最大級の FMCG メーカー。Biore・Attack・Merit 等のブランドを擁する。
KIGI（キギ）
Japan · FOT-筑紫ゴシック Pr5 L
KIGI｜キギ（https://ki-gi.com/）のデザイン仕様書。 アートディレクター 植原亮輔とデザイナー 渡邉良重が 2012 年に設立した東京のデザインスタジオ。DRAFT 在籍時に D-BROS を手がけた二人による、アートディレクション／グラフィック／プロダクト・アートを横断する制作を軸に据える。 最大の特徴は 極小で端正な和文ゴシック（FOT-筑紫ゴシック Pr5 L・10px） と、特大の欧文 Helvetica …
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 取得）に基づく。
LOWYA (low-ya.com)
Japan · Noto Sans JP
LOWYA (low-ya.com)のデザイン仕様書。
LUUP（ループ）
Japan · Roobert
LUUP（https://luup.sc/）のデザイン仕様書。 電動キックボード・電動アシスト自転車のシェアリングサービス。都市の移動インフラを目指すモビリティプラットフォーム。 実サイトの computed style 実測（2026-06-09 取得）に基づく。
Sanrio
Japan · Noto Sans JP
サンリオ（https://www.sanrio.co.jp/）公式サイトのデザイン仕様書。 実サイトの computed style と CSS Custom Properties に基づいて記述。
SNIDEL（スナイデル）
Japan · pragmatica
SNIDEL（https://snidel.com/）のデザイン仕様書。 MASH Holdings が展開するウィメンズファッションブランド。"Street Formal" をコンセプトに、フェミニンなエレガンスとカジュアルなストリート感を融合させたスタイルで知られる。 実サイトの computed style 実測（2026-05-21 取得）に基づく。
TOKYU（東急）
Japan · Inter + Noto Sans JP
TOKYU（https://www.tokyu.co.jp/）のデザイン仕様書。 東急電鉄・東急グループのポータルサイト。鉄道・生活サービス・沿線情報を統合的に提供するライフスタイルコングロマリット。 実サイトの computed style 実測（2026-06-18 取得）に基づく。
カリモク家具（karimoku）
Japan · Yu Gothic
カリモク家具（karimoku）のデザイン仕様書。
ニデック（NIDEC）
Japan · Noto Sans JP
ニデック（NIDEC）のデザイン仕様書。
ニトリ（Nitori）
Japan · Hiragino Sans
ニトリネット（https://www.nitori-net.jp/）のデザイン仕様書。 家具・インテリア・生活雑貨の総合 EC プラットフォーム。「お、ねだん以上。」を掲げる日本最大級のホームファニシング企業。 実サイトの computed style 実測（2026-05-21 取得）に基づく。
ポスタルコ (POSTALCO)
Japan · Jost
ポスタルコ（https://www.postalco.net/）のデザイン仕様書。 2026-05-08 取得の computed style と CSS Custom Properties に基づく。
ユーグレナ（euglena）
Japan · Roboto
ユーグレナ（euglena）のデザイン仕様書。
十和田市現代美術館（Towada Art Center）
Japan · a-otf-gothic-bbb-pr6n
十和田市現代美術館（https://towadaartcenter.com/）のデザイン仕様書。 2008 年開館、青森県十和田市。西沢立衛による「白いキューブの集合体」の建築で知られ、館内外に常設展示されたコミッションワークと、官庁街通りを含む「Arts Towada」構想全体をひとつのブランドとして運用している。 最大の特徴は、ページ全体をスカイブルー #53c1e4 の 12px の枠で囲むこと。ヘッダーもフッターもコンテンツも…
大分県立美術館（OPAM）
Japan · Noto Sans JP
大分県立美術館 / Oita Prefectural Art Museum（https://www.opam.jp/）のデザイン仕様書。 2015 年開館。坂茂の設計による、街に開かれた「出会いと五感のミュージアム」。 最大の特徴は、すべてのボタン・バッジ・ステータスを pill（border-radius: 100px）で統一すること。矩形のボタンが 1 つも存在しない。 色は ティール #027e73（操作）と サンド #dbce…
奈良国立博物館（NARA NATIONAL MUSEUM）
Japan · Noto Sans JP
奈良国立博物館（NARA NATIONAL MUSEUM）のデザイン仕様書。
山口情報芸術センター［YCAM］
Japan · inherit } を必ず書く
山口情報芸術センター［YCAM］（https://www.ycam.jp/）のデザイン仕様書。 2003 年開館（設計: 磯崎新）のメディアアートセンター。展覧会・映画上映・ワークショップ・研究開発（YCAM InterLab）を 1 サイトで案内する。 字詰めをたった 1 つのユーティリティクラスに集約している。.u-text-palt { font-feature-settings: "palt"; letter-spacing:…
文喫（BUNKITSU）
Japan · TsukuGoPr5-D
文喫 BUNKITSU（https://bunkitsu.jp/）のデザイン仕様書。 日本出版販売が 2018 年に六本木で始めた「入場料のある本屋」。「文化を喫する」を掲げ、書店を滞在の場として再定義した。 最大の特徴は 和文に筑紫ゴシック（TsukuGoPr5-D）、欧文ラベルに Bookman Old Style（BookmanOldStylePro-Regular）という和欧 2 書体の使い分け。欧文はセリフ、和文はゴシックと…
東京都庭園美術館（Tokyo Metropolitan Teien Art Museum）
Japan · Noto Sans JP
東京都庭園美術館（Tokyo Metropolitan Teien Art Museum）のデザイン仕様書。
界（星野リゾート KAI）
Japan · HEmoji
界（星野リゾート KAI）のデザイン仕様書。
金子眼鏡（KANEKO OPTICAL）
Japan · adobe-garamond-pro
金子眼鏡株式会社（https://www.kaneko-optical.co.jp/）のデザイン仕様書。 1958 年創業、福井県鯖江市。自社工房で職人が手作業でつくるアイウェアブランドで、「金子眼鏡店」「職人シリーズ」「SPIVVY」などのラインを持つ。 最大の特徴は、欧文セリフ（Adobe Garamond Pro）と和文明朝（FOT-筑紫Aオールド明朝 Pr6 R）でナビゲーションと大見出しを組み、本文だけを Lato ＋ A-…
青森県立美術館（AOMORI MUSEUM OF ART）
Japan · YakuHanJPs_Noto
青森県立美術館 / Aomori Museum of Art（https://www.aomori-museum.jp/）のデザイン仕様書。 2006 年開館、青木淳の設計。菊地敦己による VI は日本のグラフィックデザイン史に残る仕事として知られる。 最大の特徴は 文字色が黒ではなく #332200（暖かい焦茶） であること。ロゴも罫も SVG の塗りもすべてこの 1 色で、サイト全体が「墨」ではなく「土」の色で組まれている。 差し…