Infomaniak's Design System

The Infomaniak's Design System, featuring design tokens, robust web components and comprehensive guidelines.

Project structure

packages/: contains the libraries, utilities, ...
- tokens/: contains the design tokens
  - web: @infomaniak-design-system/components ↗
  - ios: ios-design-system ↗
  - android: android-design-system ↗
- components/: contains the web components library
  - @infomaniak-design-system/components ↗
- assets/images/svg/: contains the SVG icons and illustrations
  - explore ↗
apps/: contains the deployable apps
- docs/: contains the storybook used as documentation support
  - explore ↗

Name		Name	Last commit message	Last commit date
.agents/skills/generate-changeset		.agents/skills/generate-changeset
.changeset		.changeset
.github		.github
.husky		.husky
.yarn/releases		.yarn/releases
apps/docs		apps/docs
assets/images		assets/images
docs		docs
packages		packages
plugins		plugins
scripts		scripts
.editorconfig		.editorconfig
.env.example		.env.example
.gitignore		.gitignore
.nvmrc		.nvmrc
.prettierignore		.prettierignore
.prettierrc		.prettierrc
.yarnrc.yml		.yarnrc.yml
AGENTS.md		AGENTS.md
CONTRIBUTING.md		CONTRIBUTING.md
LICENSE		LICENSE
README.md		README.md
eslint.config.ts		eslint.config.ts
package.json		package.json
playwright.config.ts		playwright.config.ts
playwright.vr.config.ts		playwright.vr.config.ts
stylelint.config.ts		stylelint.config.ts
tsconfig.build.json		tsconfig.build.json
tsconfig.json		tsconfig.json
vitest.config.ts		vitest.config.ts
yarn.lock		yarn.lock