Logical Design System #6 in Theme Tools
Enhance your WordPress projects with a typographic scales generator, font pairing system, and color palette creator.
by Michele Paolino · github.com/michelediss/logical-design-system · website
★ 5stars
372release downloads
≈60active sites
1forks
Install
The author publishes release zips, so WP-CLI can install straight from GitHub:
wp plugin install https://github.com/michelediss/logical-design-system/releases/download/v1.0.3/logical-design-system.zipFrom the readme
Logical Design System plugin for WordPress
Welcome to the Logical Design System plugin! This plugin is inspired by the application of concepts underlying musical scales to web typography. It provides advanced typographical and color management features, including responsive typographic scales, dynamic color classes, and a wide selection of Google Fonts couples. Additionally, it includes automatic SCSS compilation and the ability to add custom SCSS.
Features and usage
1. Responsive Typographic Scales
Logical Design System helps you create responsive typographic scales effortlessly. By configuring a few parameters at /scss/typo-scales/typo-scale-map.scss, you can generate consistent and scalable typographic scales across different screen sizes.
Generated pettern class:
Key Parameters:
- Base Size: Defines the root font size in px for your typography.
- Increment Factor: Controls the growth rate of font sizes at different breakpoints.
- Ratio: Determines the scale ratio for font sizes.
Example Configuration:
With these settings, Logical Design System generates a typographic scale based on the specified base size, increment factor, and ratio. The plugin also supports responsive f
Read the full README on GitHub →
Releases
| Tag | Published | Asset | Downloads |
|---|---|---|---|
| v1.0.3 | Mar 29, 2025 | logical-design-system.zip | 312 |
| v1.0.2 | Feb 16, 2025 | logical-design-system.zip | 60 |
Active-site estimate ≈60 comes from the median of recent superseded releases. Method.