Eén scherm voor je hele ontwerp.
Thai en Latijn, zonder CSS te schrijven.
Design Controller geeft een WordPress-site één plek voor zijn designsysteem: lettertypen, typografische schaal, kleuren, witruimte, vorm en componentstijlen. Verander een waarde, zie de echte site volgen in de live voorvertoning, publiceer. Er wordt niets in de Customizer, de Site-editor of je pagebuilder geschreven; deactiveren zet alles terug.
Waarom Design Controller
Typografie met Thai voorop
Elk voorbeeld toont Thaise tekst met de klinkers en toontekens die het eerst breken. Regelhoogte-advies voor Thai, een rem op letterspatiëring, Thai + Latijn koppelen per schrift en een “Thai ✓”-badge op elke lettertypebron.
Zelf gehoste lettertypen, geen layoutverschuiving
Kies een lettertype van Google Fonts of Bunny Fonts en het wordt één keer als woff2 in de WordPress-lettertypebibliotheek gezet, gesplitst voor Thai en Latijn, met hooguit twee preloads en metrisch afgestemde terugvalfonts, zodat tekst nooit springt.
Vrijwel geen voetafdruk
Eén inline style in wp_head, zo’n 2 KB gezipt. Geen JavaScript op de publieke site, geen extra databasequery’s — gemeten bij elke release.
Live voorvertoning en veilig bewerken
Drie vlakken: de panelen, een voorvertoning van je echte site op desktop, tablet of telefoon, en de bedieningselementen. Automatisch opgeslagen concepten, ongedaan maken en opnieuw, een publiceerdialoog die elke wijziging noemt en een geschiedenis om te herstellen.
Componenten als recepten
Knoppen, links, formuliervelden, kaarten en menu’s kunnen je tokens volgen op de eigen selectors van het thema: zet het per component aan en laat de rest aan het thema.
Design Doctor
Twaalf controles met veilige, omkeerbare fixes: dubbel geladen lettertypen, ontbrekende Thaise glyphs, contrast onder WCAG AA, te kleine broodtekst, vaste waarden in Extra CSS, verouderde caches en meer.
In actie
Gratis en Pro
Alles in de gratis versie is compleet en niets is vergrendeld. Pro is een aparte build die de integraties en teamtools hieronder, prioriteitssupport en automatische updates toevoegt.
| Free | Pro | |
|---|---|---|
| Design tokens: lettertypen, typografische schaal, kleuren, witruimte, vorm, componenten | ✓ | ✓ |
| Live voorvertoning van de echte site, autosave, ongedaan maken/opnieuw, publiceren met diff, geschiedenis | ✓ | ✓ |
| Zelf gehoste lettertypen met Thai/Latijn-subsets, koppeling en terugval zonder CLS | ✓ | ✓ |
| Bruggen naar de blokeditor, WooCommerce en paginacaches | ✓ | ✓ |
| Design Doctor met 12 controles en veilige fixes | ✓ | ✓ |
| Ingebouwde presets, DTCG JSON- en CSS-export, stijlgids, REST, WP-CLI, hooks | ✓ | ✓ |
| Flatsome / UX Builder-integratie | — | ✓ |
| Elementor-integratie | — | ✓ |
| Team-vangrails: vergrendelde tokens, rollen die mogen bewerken | — | ✓ |
| Je eigen merkkits (presets opslaan) | — | ✓ |
| Tokens Studio (Figma)-import | — | ✓ |
| Prioriteitssupport en automatische updates | — | ✓ |
Eerlijk gezegd: leest je thema CSS custom properties en gebruik je geen pagebuilder, dan is de gratis versie het hele product. Pro verdient zijn plek op Flatsome- en Elementor-sites, waar de themaopties en de globale kleuren en lettertypen van de builder je tokens volgen bij het renderen in plaats van met de hand gekopieerd te worden, en in teams waar redacteuren lettertypen mogen wijzigen maar nooit de vergrendelde merkkleur.
Dezelfde tabel die de gratis plugin toont op zijn tabblad “Upgraden naar Pro”.
Prijzen
Eenmalig
- Flatsome / UX Builder-integratie
- Elementor-integratie
- Team-vangrails: vergrendelde tokens, rollen die mogen bewerken
- Je eigen merkkits (presets opslaan)
- Tokens Studio (Figma)-import
- Prioriteitssupport en automatische updates
- Updates en support voor altijd
- Eén keer betalen en er nooit meer aan denken
Binnenkort beschikbaar