Tangible: Design
Design module shared by Tangible plugins
★ 0stars
0forks
Install
No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:
wp plugin install https://github.com/tangibleinc/design-notes-v3/archive/refs/heads/main.zipDeclares an update source (https://github.com/tangibleinc/design), so updates arrive through the plugin's own updater.
From the readme
Design module
The Design module provides the building blocks for creating design systems.
It is included in the Framework shared by Tangible plugins.
For development, the module can run as a standalone plugin. In that case, it adds an admin menu Tangible -> Design, which currently shows a test page for HTML5 elements.
Features
Possible features to be implemented:
- Design tokens
Standardized Design Tokens and CSS for a consistent, customizable, and interoperable WordPress future
- Base Styles and Reset
- Layout
- Flexbox & Grid
- Spacing
- Sizing
- Typography
- Backgrounds
- Borders
- Effects
- Filters
- Tables
- Transitions & Animation
- Transforms
- Interactivity
- Style primitives - Atoms, components, pallettes, themes
- Design system as a set of variables with sensible defaults, which enable the user to customize while keeping the whole consistent
- Accessible UI patterns
ARIA Authoring Practices Guide: Patterns and example code
Develop
Prerequisites: Git and Node (minimum version 18)
Install
Clone the Git repository, and install dependencies.
Start local site
Start the server.
It opens a browser at http://localhost:8881 and