Twenty Twenty-One

Twenty Twenty-One is a default theme developed for the WordPress content management system by Automattic and contributors. It was introduced as the default appearance for the WordPress 5.6 release cycle and designed to showcase the block editor workflow while maintaining compatibility with classic themes and plugins such as WooCommerce, Jetpack, and Yoast SEO. The theme aimed to provide a resilient, accessible, and minimal starting point for personal blogs, corporate sites, and portfolios used by publishers like The New York Times, BBC, and independent creators.

Background and development

Development began in the context of the WordPress 5.6 milestone, influenced by community discussions at the WordCamp Europe and proposals from the Make WordPress Themes team. Lead designers and developers coordinated across Automattic teams and external contributors who had previously worked on projects for Mozilla Foundation and GitHub. Goals aligned with accessibility standards from the W3C and internationalization guidance from the Polyglots group. Feature planning referenced prior default themes such as those used in the Twenty Seventeen and Twenty Nineteen cycles and incorporated feedback from agencies like 10up and Human Made.

Design and features

The theme used a neutral, almost monospaced aesthetic with a focus on readable typography drawing from foundries associated with Google Fonts and typefaces popularized by Typekit clients. It emphasized accessible color contrasts meeting WCAG criteria and included custom styles for blocks like Paragraph, Quote, Gallery, and Cover. The layout adapted responsive breakpoints used by themes in the Automattic Themes catalog and supported full-width alignments used by publishers including The Guardian and Bloomberg. Integration hooks allowed compatibility with page builders such as Elementor, Beaver Builder, and Divi while providing template parts for editors at organizations like Vox Media and Gannett.

Release and reception

Released alongside WordPress 5.6, the theme received commentary from sites including WP Tavern, Smashing Magazine, and TechCrunch. Reviews compared it to earlier default themes like those packaged with WordPress 4.7 and praised its accessibility work by groups including AccessibilityOz and Deque Systems. Some reviewers from The Verge and Wired noted limitations versus commercial themes sold on marketplaces like ThemeForest and platforms such as Envato. Adoption metrics tracked by entities such as WordPress.org theme directory and analytics firms like W3Techs showed gradual uptake among small businesses registered with services like Squarespace and Wix who migrated content to self-hosted WordPress.

Usage and impact

Site owners ranging from individual bloggers to organizations such as Mozilla projects and universities like University of Oxford used the theme as a base for customization, spawning child themes and starter kits by agencies including Human Made, 10up, and Multidots. Developers contributed patterns and block templates to the WordPress.org pattern directory, influencing design systems used by media outlets such as Vox, Vice Media, and NGOs like Amnesty International. The theme’s approach to block styling informed later default themes and experimental projects coordinated at WordCamp US and WordCamp Europe, and was referenced in talks at State of the Word presentations.

Versions and updates

Maintenance releases followed the Semantic Versioning practices used by WordPress core, with patch updates to address accessibility fixes and compatibility with PHP 8.0 and jQuery 3.5. Contributors submitted patches through Trac and pull requests on GitHub mirrors, and security advisories were coordinated with organizations like Wordfence and Sucuri. Notable backports included fixes for image handling used by publishers such as Condé Nast and layout corrections reported by developers from agencies like Human Made.

Category:WordPress themes Category:Automattic