Skip to content

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

License

Notifications You must be signed in to change notification settings

mck/fluid-tokenization

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

93 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

About

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

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published