Skip to content

Add the first pattern batch: statements, FAQs, alternating text, and pages - #134

Merged
MaggieCabrera merged 8 commits into
trunkfrom
update/patterns-part-1
Oct 7, 2026
Merged

MaggieCabrera merged 8 commits into
trunkfrom
update/patterns-part-1

Conversation

@henriqueiamarino

@henriqueiamarino henriqueiamarino commented Oct 5, 2026 •

Copy link
Copy Markdown
Contributor

Part 1 of the pattern-library expansion discussed in #128 — six patterns designed by @henriqueiamarino on canvas, in Ipsum's voice.

The patterns

Pattern Width What it is
Text Statement reading One-line statement on the toast card, opening quotation mark on top
Text Statement Wide wide The statement at band width, left aligned
Text FAQs reading Accordions in a flush stack with dotted rules, first item open
Text Alternating wide Image/text rows introducing the blog's sections
Page Soon full Coming-soon cover — the tagline as headline
Page Blog Home full page Opening statement, the home feed as a page, subscribe invitation

Content follows the demo site's metalinguistic voice — placeholder text that knows it's placeholder, teaching by example (the FAQ's last answer explains how to replace it).

Wiring that ships with them

  • .pre-quote utility (style.css + editor mirror): the statements' ❝ as generated content — silent to screen readers via the alternative-text syntax, same glyph/ink-wash/scale as the Quote and Pullquote ornaments, so all three speak one ornament language. A .pre-quote-current modifier lets marks on colored grounds take the block's own text color.
  • theme.json: core/accordion-panel bottom padding; accordion headings stay small globally, medium per-instance in the FAQ.
  • ipsum_page pattern category for the page layouts.
  • Four cover images by the theme author (Midjourney, CC0-dedicated), bundled as webp (~150–250KB each) and credited in readme.txt as a group entry.

All strings i18n'd, metadata names in the esc_html_x convention, no hardcoded colors, links as # placeholders.

🤖 Generated with Claude Code

…pages

Seven patterns designed on canvas for the library expansion (#128),
part 1: Text Statement and its Wide sibling, Text FAQs on accordions,
Text Alternating introducing the blog's sections, and three page
layouts — Page Soon, Page Links, and Page Blog Home.

Wired alongside: a pre-quote utility drawing the statements' opening
quotation mark as generated content, silent to screen readers and
shared with the Quote blocks' ornament language, with a currentColor
modifier for marks on colored grounds; the accordion panel padding
folded into theme.json; an ipsum_page pattern category for the page
layouts; and five Midjourney cover images by the theme author, bundled
as webp and credited in readme.txt as a group.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@github-actions

github-actions Bot commented Oct 5, 2026 •

Copy link
Copy Markdown

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.

Co-authored-by: henriqueiamarino <iamarinoh@git.wordpress.org>
Co-authored-by: MaggieCabrera <onemaggie@git.wordpress.org>

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.

@github-actions github-actions Bot added documentation Improvements or additions to documentation [Area] Assets Issues or PRs that touch theme assets (fonts, images, audio, or the screenshot) [Area] Global Styles Issues or PRs that touch theme.json or the base stylesheet. [Area] Patterns Issues or PRs that touch the theme's block patterns. [Area] Block Styles Issues or PRs that touch custom block style CSS (glossy button, animated gradient, editor style). [Area] Theme Functions Issues or PRs that touch functions.php. labels Oct 5, 2026
@henriqueiamarino
henriqueiamarino marked this pull request as draft October 5, 2026 15:56
The pattern header check only knew core's categories, so ipsum_page
failed on all three page patterns. Theme-registered categories now live
in their own documented list beside core's. Also clears a leftover
queryId and an untranslated metadata name in Page Blog Home that the
full local run surfaced.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@henriqueiamarino
henriqueiamarino marked this pull request as ready for review October 5, 2026 16:09
@henriqueiamarino

Copy link
Copy Markdown
Contributor Author

@MaggieCabrera, the designs may still change along the way, but it's better to add these files to the theme sooner rather than later. I still have 22 others planned in addition to these 7.

henriqueiamarino and others added 2 commits October 6, 2026 16:27
The upcoming Page Bio covers the link-in-bio ground, so the pattern and
its otherwise-unused author cover come out while the PR is still in review.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
The coming-soon cover follows the designer's latest pass — the Monobloc
study replaces the original art, the focal point returns to center, and
the bundled-image credit widens to cover the theme's whole ipsum-* set.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@MaggieCabrera

Copy link
Copy Markdown
Contributor

@MaggieCabrera, the designs may still change along the way, but it's better to add these files to the theme sooner rather than later. I still have 22 others planned in addition to these 7.

I was in the middle of adding some tweaks to these before I merged, is this ready or should I wait for more changes from you?

MaggieCabrera and others added 3 commits October 7, 2026 10:07
…headers

Give the FAQ items their own questions, drop the accent-1 and contrast
colors Ipsum doesn't define from Page Soon, translate the separators in
Page Blog Home, and offer both page patterns as starter content for pages.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Page Blog Home reuses trunk's translation contexts for its block names
and matches Archive Full's posts loop. Text Alternating's rows are wide
and its images have alt text. Text Statement uses an h2, and leftover
names, classes and attributes from the design tool are gone.

The statements' opening quotation mark moves from the pre-quote utility
classes to two block style variations for headings and paragraphs:
Quote Mark, in the ink wash the Quote block uses, and Quote Mark on
Color, in the block's text color. The empty alternative text in
content keeps the mark silent to screen readers.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@henriqueiamarino

Copy link
Copy Markdown
Contributor Author

Yes, @MaggieCabrera. I added the second batch to this same PR; now my tasks here are all pushed.

@github-actions github-actions Bot removed the [Area] Block Styles Issues or PRs that touch custom block style CSS (glossy button, animated gradient, editor style). label Oct 7, 2026
@MaggieCabrera

Copy link
Copy Markdown
Contributor

I have done some changes to the markup and changed the old color naming we were using from the other themes, as well as adding a block style for the classes we were including and moved the css to the variation .json file.

These are screenshots of the patterns over the variations:

Default Blue hour Sunrise Morning
00-default 01-blue-hour 02-sunrise 03-morning
High noon Golden hour Evening Afterhours
04-high-noon 05-golden-hour 06-evening 07-after-hours

@MaggieCabrera MaggieCabrera left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Approving this, we can iterate if we find any issues on a separate PR

@MaggieCabrera
MaggieCabrera merged commit 52295c0 into trunk Oct 7, 2026
6 checks passed
@MaggieCabrera
MaggieCabrera deleted the update/patterns-part-1 branch October 7, 2026 16:29
@henriqueiamarino

Copy link
Copy Markdown
Contributor Author

Thanks, @MaggieCabrera. This was a great improvement; I didn’t have time to do all those checks—lovely!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

[Area] Assets Issues or PRs that touch theme assets (fonts, images, audio, or the screenshot) [Area] Global Styles Issues or PRs that touch theme.json or the base stylesheet. [Area] Patterns Issues or PRs that touch the theme's block patterns. [Area] Theme Functions Issues or PRs that touch functions.php. documentation Improvements or additions to documentation

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants