Branding Block Kit
Version: 1.1.0 Repository: derintolu/branding-block-kit
Visual blocks that automatically display your theme.json design tokens - colors, gradients, typography, spacing, and more. Build comprehensive brand style guides from your theme's configuration.
Features
Implemented
| Feature | Description |
|---|---|
| Theme.json Reader | Automatically reads design tokens from theme.json |
| Color Palette Block | Display theme color palette |
| Gradient Block | Display theme gradients |
| Typography Block | Display typography settings |
| Spacing Block | Display spacing scale |
| Style Guide | Build comprehensive brand documentation |
Usage
Blocks read directly from your active theme's theme.json file, so style guides stay automatically in sync with your design system.
Requirements
- WordPress 6.0+
- PHP 8.0+
- Active theme with
theme.json(Block themes or Classic themes with theme.json support)
File Structure
branding-block-kit/
├── branding-block-kit.php # Main plugin file
├── includes/
│ └── class-theme-json-reader.php # Theme.json parsing
└── build/ # Compiled blocks