Write us an email: hi@itextreme.de
  • Light
  • Dark
  • System

Categories

Design System

Taxonomy Categories

Design-system articles about StataRocket’s visual language, assets, tokens and reusable frontend patterns.

Design that scales past the demo

These articles cover the visual foundation behind StataRocket: theme tokens, asset handling, light and dark mode, reusable UI patterns and the small frontend decisions that keep a Statamic project maintainable.

Categories

Latest entries

5 Entries
Organized starter-kit asset library with image and icon metadata
Design System Article

Asset handling for a publishable starter kit

A starter kit should ship assets in predictable places, with clear naming and enough metadata for real editorial workflows.

Jürgen Schadek Jürgen Schadek
1 min read
Read more
Technical thumbnail for customizing a Tailwind CSS design system
Design System Video

Tailwind CSS: Customizing Your Design System

A Tailwind CSS video about customizing design systems, mapped to StataRocket’s theme token approach.

Jürgen Schadek Jürgen Schadek
14:02
Watch video
Technical thumbnail with responsive layout frames and breakpoints
Design System Video

Tailwind CSS: Responsive Design

A Tailwind CSS responsive design video that supports StataRocket’s mobile-safe layout and component decisions.

Jürgen Schadek Jürgen Schadek
11:06
Watch video
Technical thumbnail for a utility-first Tailwind CSS workflow
Design System Video

Tailwind CSS: Utility-First Workflow

A focused Tailwind video about the utility-first workflow behind StataRocket’s template styling approach.

Jürgen Schadek Jürgen Schadek
12:15
Watch video
Light and dark design token system with connected color nodes
Design System Article

Design tokens for light and dark mode

A theme-aware frontend works best when templates consume intent-based tokens instead of chasing individual colors through every partial.

Jürgen Schadek Jürgen Schadek
1 min read
Read more