serendie.design valid
Serendie Design System
A comprehensive design system documentation for building consistent and accessible user interfaces. Created with support from Takram Japan Inc. and protected as intellectual property of Mitsubishi Electric Corporation.
- Authority
- 48 reach 0 · trust 8 · quality 25 · freshness 15
- Tier
- listed
- llms.txt
- https://serendie.design/llms.txt
- llms-full.txt
- https://serendie.design/llms-full.txt
- Sections
- 6
- Links
- 54
- Size
- 12743 bytes
- Registered
- 2024-10-24
- Country
- — Publisher location unknown; CDN address excluded
- Country evidence
- No published address evidence collected yet
- Categories
- Design
- For agents
- Documentation: developer or product docs worth reading, nothing to call
- First seen
- 2026-10-23T16:15:21.462Z
- Last checked
- 2026-10-23T16:15:22.705Z
- Badge
Their llms.txt
The beginning of the file, from our validated copy saved 2026-10-23T16:15:21.465Z. Cached copy · Source on serendie.design
# Serendie Design System
> A comprehensive design system documentation for building consistent and accessible user interfaces. Created with support from Takram Japan Inc. and protected as intellectual property of Mitsubishi Electric Corporation.
## About
- [About](https://serendie.design/about): About this design system
## Get Started
- [Get Started](https://serendie.design/get-started): Getting started guide
- [デザイン](https://serendie.design/get-started/design): UIデザインのなかでSerendie UI Kitを活用する方法を紹介します。
- [開発](https://serendie.design/get-started/dev): Webフロントエンド開発において、Serendie UI Kitをベースにした画面デザインを、Reactで実装していくシーンを想定して活用方法を紹介します。
## Foundations
- [Foundations](https://serendie.design/foundations):
- [リファレンストークン](https://serendie.design/foundations/design-tokens/reference-tokens): リファレンストークンは、カラーコードなど生の値を参照するトークンであり、このトークンをプロダクトのUI内で使用することは例外的です。
- [システムトークン](https://serendie.design/foundations/design-tokens/system-tokens): システムトークンは、リファレンストークンを参照するトークンです。UIをとりまくコンテキストが変化した際には、その参照先を切り替えることで対応します。
- [デザイントークン](https://serendie.design/foundations/design-tokens): デザイントークンはデザインシステムを構成する最小単位です。デザインと開発でデザイントークンを共有することで、Single Source of Truthを実現します。
- [カラー](https://serendie.design/foundations/color): Serendieらしさを視覚的に表現するための基礎となるカラーパレットです。このパレットに基づくことでプロダクト間の一貫性を強化できます。カラーパレットはリファレンストークンとして定義されています。
- [カラーロール](https://serendie.design/foundations/color/role): カラーパレットから色を選び、デジタルプロダクトのなかでの意味や役割を持たせたものがカラーロールです。カラーロールはシステムトークンとして定義されています。
- [カラーロール](https://serendie.design/foundations/data-visualization-role): データ可視化用のカラーパレットは、データの性質に合わせてデザイントークンの使い分けが必要です。またアクセシビリティ上の配慮も重要です。
- [データビジュアライゼーション](https://serendie.design/foundations/data-visualization): 基本カラーパレットを拡張する形で、データ可視化用のカラーパレットをシステムトークンとして提供しています。凡例や目盛りなどチャートに関連するシステムトークンも合わせて定義しています。
- [テーミング](https://serendie.design/foundations/theming): アクセシビリティ基準を満たしたカラーテーマを5つ提供しています。FigmaとReactコンポーネントそれぞれテーマ切り替えに対応しています。
- [タイポグラフィ](https://serendie.design/foundations/typography): デジタルプロダクトは文字を中心に構成されるため、適切にタイポグラフィを扱うことは重要です。フォントやフォントサイズなどをリファレンストークンとし、UI上の役割に合わせてグループ化したシステムトークンを定義しています。
- [寸法](https://serendie.design/foundations/dimension): スペーシングやボーダー幅、角丸など、寸法(Dimension)に関するデザイントークンです。レスポンシブデザインにおけるBreakpointも取り扱います。
- [階層](https://serendie.design/foundations/elevation): オブジェクトに落とすシャドウはその強弱によって、オブジェクト間の高低差を表現し、UIに階層(Elevation)を作り出します。またCSSにおいて階層を指定するz-indexについても取り扱います。
- [アイコン](https://serendie.design/foundations/icon): Serendie Symbolsは、デジタルプロダクトのなかで汎用性高く使える、Serendieらしいアイコン集です。
- [アイコン](https://serendie.design/foundations/icon-list): Serendie Symbolsは、デジタルプロダクトのなかで汎用性高く使える、Serendieらしいアイコン集です。
- [イラストレーション](https://serendie.design/foundations/illustration): Serendie Design System運用チーム向けに、Figma上で簡易的なイラストシステムを提供しています。ドキュメントのアイキャッチや、コンポーネント内のプレースホルダーとして使えるイラストを、バリアントプロパティを切り替えることで作成できます。
## Components
- [Accordion](https://serendie.design/components/accordion): 関連するコンテンツを列挙し、ユーザーが展開・折りたたむことができるコンポーネントです。表示スペースを節約しながら、ユーザーが詳細な情報を得る手段を提供します。
- [Avatar](https://serendie.design/components/avatar): ユーザーについて視覚的に表現
…Related sites
Find similar publishers by meaning →
Other listed sites in Design. See the whole category →
| Domain | Title | Category | Country | Authority | llms.txt | llms-full.txt | Save |
|---|---|---|---|---|---|---|---|
| adobe.com | Adobe Tools | transactional AI and machine learning Design +1 | FR | 75 | ✓ | ||
| hostinger.com | Hostinger | interface Design Infrastructure +2 | — | 73 | ✓ | ✓ | |
| wix.com | wix.com | transactional Design Infrastructure +1 | US | 71 | ✓ | ||
| afthemes.com | AF Themes | transactional Design | US | 70 | ✓ | ✓ | |
| wpastra.com | Astra | documentation Design | — | 70 | ✓ | ||
| capcut.com | CapCut | documentation Media AI and machine learning +1 | FR | 69 | ✓ | ||
| picsart.com | Picsart | documentation AI and machine learning Design | US | 69 | ✓ | ✓ | |
| siteground.com | SiteGround | documentation AI and machine learning Design +2 | US | 69 | ✓ | ✓ |
Machine-readable: GET /v1/resolve?q=serendie.design · GET /v1/domain/serendie.design · this page as Accept: application/json or text/markdown · MCP lookup_domain
Automatically discovered from public files. Inclusion does not imply endorsement or publisher participation.
Own or manage this website?
If you own or manage serendie.design, you can update its listing and review file health, discovery activity and score history.
Manage this listing — optional
What verification unlocks
See how your site is discovered—and control what agents see.
- See your website in the map
Review your indexed topics, nearby publishers sharing headings, measured listing exposure and map snapshots in a private report for your website.
- Control what agents see
Edit your listing description, tags, public contact details and additional llms.txt paths. Publish your terms for automated access, attribution and pricing.
- Make your profile eligible for search
A valid, listed, unblocked, verified profile can appear in our publisher sitemap and become eligible for search-engine visibility. Search engines decide what to index and rank.
- Appear in our llms-full.txt
Eligible verified publishers are listed by name, with their file links and summaries, in the service overview agents can read.
Free. No account registration, backlink or payment required. Public discovery remains available without verification.
Let your coding agent verify it
If your coding agent is authorized to manage this website, paste these instructions into it.
Claim my listing on Agent Web Map for serendie.design:
1. POST https://agentwebmap.com/v1/sites/serendie.design/claims and keep claim_id and claim_secret private.
2. Publish the proof: add the line "AgentWebMap ownership: <token>" (token from step 1) to https://serendie.design/llms.txt, or use the DNS, meta-tag or well-known method the response describes.
3. POST https://agentwebmap.com/v1/sites/serendie.design/verify with {"claim_id": "...", "claim_secret": "..."}.
4. Save the api_key from the answer; it manages the listing (PATCH https://agentwebmap.com/v1/sites/serendie.design).
MCP equivalent: tools begin_ownership_claim, then verify_domain, at https://agentwebmap.com/mcp. Docs: https://agentwebmap.com/docs#verifyCorrections or removal requests: contact the directory.