Install
This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.
Install straight from GitHub with WP-CLI:
wp plugin install https://github.com/tangibleinc/design-notes-v3/archive/refs/heads/main.zipNo built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.
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