Start here
What you change first
Change the names, roles, bios and portrait blocks. Replace every placeholder action URL. Duplicate or remove a complete Details block to change the team size.
The signature moment
Names first, portraits on opening
The roster is read as a sequence of names before it becomes a sequence of profiles. Each name opens its own editable profile. The browser handles the disclosure without a script or animation.
Theme handoff
What comes from where
From your theme
The base uses your base and contrast palette, typeface and spacing presets. Body copy aims at 4.5:1 contrast; display text at 3:1. The heading sizes are display clamps because their scale carries the composition. The stated variation uses the Designed kind's dark violet, warm white and coral palette, plus an Arial Black stack for display text.
Full pattern notes
Why it works, and how it is built
Open a topic for the complete design reasoning, editing guidance and implementation notes.
Design rationaleComposition, intent and nearest alternatives
Overview
Four names are the large, ruled surface of this team section. A native Details block opens each name to show the person's portrait, role, biography and action.
The signature moment: names first, portraits on opening
The roster is read as a sequence of names before it becomes a sequence of profiles. Each name opens its own editable profile. The browser handles the disclosure without a script or animation.
Make it yoursVariations and the edits to make first
What you change first
Change the names, roles, bios and portrait blocks. Replace every placeholder action URL. Duplicate or remove a complete Details block to change the team size.
Theme behaviourInheritance, fixed decisions and contrast
What it inherits from your theme
The base uses your base and contrast palette, typeface and spacing presets. Body copy aims at 4.5:1 contrast; display text at 3:1. The heading sizes are display clamps because their scale carries the composition. The stated variation uses the Designed kind's dark violet, warm white and coral palette, plus an Arial Black stack for display text.
Technical notesBlock mechanics, responsive behaviour and constraints
What the buyer gets
The Open Studio copy and four fictional people are included. Replace the portraits and actions with your own. The actions use placeholder links.
Responsive composition
The names remain the first mass at every width. An open profile uses a two-column image and copy grid where there is room, then stacks on a phone. Review 1920, 1280, 820 and 390 pixel sheets.
Included images
The four exact portrait URLs from the Designed kind are in the reviewed assets/pattern-artwork.json registry. Replace them with your team photos in the editor. Pasting a URL does not import an attachment. See image credits.
Questions
Open studio roster: common questions
Does Open studio roster need a plugin?
No. It is built only from core WordPress blocks (button, buttons, column, columns, details, group, heading, image and paragraph), so it pastes into the block editor with nothing to install.
Will Open studio roster match my theme?
Choose by variation. Open studio roster takes your theme’s palette; Open studio dark brings its own colours.
How many variations does Open studio roster have?
2: Open studio roster and Open studio dark. Each is its own markup; choose one in the toolbar above the preview before you copy.
Can I use my own images?
Yes. Sample images stay in the copied blocks. Replace them in WordPress; pasting does not upload them to your Media Library.
Is Open studio roster free?
It is included with a subscription, with every Core Pattern and variation. 50 Core Patterns are free to copy without one.
The markup
Core block markup and nothing else. Copy it, then paste it straight into the block editor: WordPress reads the delimiters and rebuilds the blocks.
Fetching the markup…Variation: Open studio dark
Fetching the markup…
