Gesso

Gesso is a developer-focused starter theme designed to accelerate the creation of custom, component-based website designs. It provides a modern, structured foundation for teams building bespoke themes, moving away from generic page builders. The theme integrates directly with the block editor and uses a design token system for consistent styling.

• Component-Based Sass Architecture: Organizes styles into reusable components. Global styles are aggregated, and individual block styles can be compiled to separate CSS files for granular control and performance.
• Design Tokens via theme.json: Centralizes design decisions like colors, fonts, and spacing in a standard configuration file. These values are output as CSS custom properties for use throughout stylesheets and JavaScript.
• Built-in Development Tools: Includes a full toolchain with Sass compilation, linting for code quality (Prettier, ESLint, Stylelint), and scripts for building production assets. This enforces consistent code standards from the start.
• Advanced Layout Utilities: Provides Sass mixins for responsive breakpoints and modern container queries, giving developers precise control over how components adapt to different screen and container sizes.
• Template Parts System: Leverages block editor-managed template parts for site structure (like headers and footers), offering a middle ground between full static templates and the complete Full Site Editor, allowing for flexible content management.