/fluid-tokenization

From Static to Dynamic: How Fluid Interfaces and Typography Enhance Your Design System

Primary LanguageJavaScriptMIT LicenseMIT

fluid-tokenization

From Static to Dynamic: How Fluid Interfaces and Typography Enhance Your Design System

Fluid Interfaces with Design Tokens

This project demonstrates the use of design tokens for creating fluid interfaces and typography. Design tokens are a way to abstract visual properties such as color, typography, spacing, etc. into reusable and consistent variables that can be used across an entire design system.

Usage

This project includes a demo of a fluid interface and typography using design tokens. The design tokens are defined in the tokens folder and include variables for colors, typography, spacing, and more.

To see the tokens in action, open the project page in your browser. You'll see a demo interface with different components that showcase the use of design tokens with fluid values.

Contributing

If you'd like to contribute to this project, please fork the repository and create a new branch for your changes. Once you've made your changes, submit a pull request and someone will review your code.

Credits

This project was created by Marco-Christian Krenn. Special thanks to the Token Studio Team.

Inspiration & Information from

  • Victor Nystad
  • Adrian Bece

License

This project is licensed under the MIT License.