# Tessli Collection — Design systems worth studying

## Use this research path

Use this research path to A documented set of design-system decisions grounded in relevant public systems rather than copied visual conventions.

Public design systems that demonstrate foundations, tokens, content guidance, accessibility, component architecture, and product-specific patterns.

- **Audience:** Product designers, design-system teams, and frontend leads defining foundations, components, content, and governance.
- **Stages:** 3
- **Sources:** 10

## Staged decisions

### 1. Compare foundations

#### 1.1 Material Design 3

- **Role:** Material Design 3 provides a broad reference for tokens, adaptive foundations, and component guidance.
- **Inspect:** Study broad platform and enterprise systems to compare tokens, foundations, component scope, and documentation structure.
- **Decide:** Choose the foundation categories and documentation depth the project actually needs.
- **Source guide:** /resources/material-design-3
- **JSON:** /resources/material-design-3/profile.json
- **Markdown:** /resources/material-design-3/profile.md
- **Provider:** https://m3.material.io
- **Access action:** Open the canonical provider URL; sign-in and other access requirements are not recorded. (https://m3.material.io)

#### 1.2 Apple Human Interface Guidelines

- **Role:** Apple Human Interface Guidelines shows platform-specific interaction and presentation constraints.
- **Inspect:** Study broad platform and enterprise systems to compare tokens, foundations, component scope, and documentation structure.
- **Decide:** Choose the foundation categories and documentation depth the project actually needs.
- **Source guide:** /resources/apple-human-interface-guidelines
- **JSON:** /resources/apple-human-interface-guidelines/profile.json
- **Markdown:** /resources/apple-human-interface-guidelines/profile.md
- **Provider:** https://developer.apple.com/design/human-interface-guidelines
- **Access action:** Open the canonical provider URL; sign-in and other access requirements are not recorded. (https://developer.apple.com/design/human-interface-guidelines)

#### 1.3 IBM Carbon Design System

- **Role:** IBM Carbon demonstrates enterprise component architecture and documentation breadth.
- **Inspect:** Study broad platform and enterprise systems to compare tokens, foundations, component scope, and documentation structure.
- **Decide:** Choose the foundation categories and documentation depth the project actually needs.
- **Source guide:** /resources/ibm-carbon-design-system
- **JSON:** /resources/ibm-carbon-design-system/profile.json
- **Markdown:** /resources/ibm-carbon-design-system/profile.md
- **Provider:** https://carbondesignsystem.com
- **Access action:** Open the canonical provider URL; sign-in and other access requirements are not recorded. (https://carbondesignsystem.com)

### 2. Study product context

#### 2.1 Shopify Polaris

- **Role:** Shopify Polaris shows a design system shaped by commerce workflows and product language.
- **Inspect:** Inspect systems shaped by commerce, collaboration, creative tools, and productivity products.
- **Decide:** Decide which product-specific patterns transfer and which are context-bound.
- **Source guide:** /resources/shopify-polaris
- **JSON:** /resources/shopify-polaris/profile.json
- **Markdown:** /resources/shopify-polaris/profile.md
- **Provider:** https://polaris.shopify.com
- **Access action:** Open the canonical provider URL; sign-in and other access requirements are not recorded. (https://polaris.shopify.com)

#### 2.2 Atlassian Design System

- **Role:** Atlassian Design System provides patterns for dense collaborative software.
- **Inspect:** Inspect systems shaped by commerce, collaboration, creative tools, and productivity products.
- **Decide:** Decide which product-specific patterns transfer and which are context-bound.
- **Source guide:** /resources/atlassian-design-system
- **JSON:** /resources/atlassian-design-system/profile.json
- **Markdown:** /resources/atlassian-design-system/profile.md
- **Provider:** https://atlassian.design
- **Access action:** Open the canonical provider URL; sign-in and other access requirements are not recorded. (https://atlassian.design)

#### 2.3 Adobe Spectrum

- **Role:** Adobe Spectrum demonstrates cross-platform consistency for creative applications.
- **Inspect:** Inspect systems shaped by commerce, collaboration, creative tools, and productivity products.
- **Decide:** Decide which product-specific patterns transfer and which are context-bound.
- **Source guide:** /resources/adobe-spectrum
- **JSON:** /resources/adobe-spectrum/profile.json
- **Markdown:** /resources/adobe-spectrum/profile.md
- **Provider:** https://spectrum.adobe.com
- **Access action:** Open the canonical provider URL; sign-in and other access requirements are not recorded. (https://spectrum.adobe.com)

### 3. Learn from public-service rigor

#### 3.1 Microsoft Fluent 2

- **Role:** Microsoft Fluent 2 offers another large-scale foundation and component model.
- **Inspect:** Review systems where accessibility, content, service consistency, and contribution governance are explicit.
- **Decide:** Define the accessibility, content, and governance standards required for the project.
- **Source guide:** /resources/microsoft-fluent-2
- **JSON:** /resources/microsoft-fluent-2/profile.json
- **Markdown:** /resources/microsoft-fluent-2/profile.md
- **Provider:** https://fluent2.microsoft.design
- **Access action:** Open the canonical provider URL; sign-in and other access requirements are not recorded. (https://fluent2.microsoft.design)

#### 3.2 GitHub Primer

- **Role:** GitHub Primer connects components, CSS, product patterns, and open contribution.
- **Inspect:** Review systems where accessibility, content, service consistency, and contribution governance are explicit.
- **Decide:** Define the accessibility, content, and governance standards required for the project.
- **Source guide:** /resources/github-primer
- **JSON:** /resources/github-primer/profile.json
- **Markdown:** /resources/github-primer/profile.md
- **Provider:** https://primer.style
- **Access action:** Open the canonical provider URL; sign-in and other access requirements are not recorded. (https://primer.style)

#### 3.3 GOV.UK Design System

- **Role:** GOV.UK Design System foregrounds accessible service patterns, content, and evidence.
- **Inspect:** Review systems where accessibility, content, service consistency, and contribution governance are explicit.
- **Decide:** Define the accessibility, content, and governance standards required for the project.
- **Source guide:** /resources/gov-uk-design-system
- **JSON:** /resources/gov-uk-design-system/profile.json
- **Markdown:** /resources/gov-uk-design-system/profile.md
- **Provider:** https://design-system.service.gov.uk
- **Access action:** Open the canonical provider URL; sign-in and other access requirements are not recorded. (https://design-system.service.gov.uk)

#### 3.4 U.S. Web Design System

- **Role:** U.S. Web Design System adds public-sector tokens, components, and implementation guidance.
- **Inspect:** Review systems where accessibility, content, service consistency, and contribution governance are explicit.
- **Decide:** Define the accessibility, content, and governance standards required for the project.
- **Source guide:** /resources/u-s-web-design-system
- **JSON:** /resources/u-s-web-design-system/profile.json
- **Markdown:** /resources/u-s-web-design-system/profile.md
- **Provider:** https://designsystem.digital.gov
- **Access action:** Open the canonical provider URL; sign-in and other access requirements are not recorded. (https://designsystem.digital.gov)

## Interpretation boundaries

- Collection order is editorial guidance and does not represent popularity, sponsorship, or universal quality.
- Repository intelligence is not live-provider verification.
- Revalidate provider access, pricing, licensing, terms, availability, and time-sensitive claims.
- No browser-local Board, Saved, account, cookie, or credential data is included.