Book, Cat, Diary
Happy cat book shop
Media changes, technology changes, people change, and society changes, but my […]
Component preview
Dev-only page for visual QA. Switch language (Polylang) to compare EN/JP typography.
CTA button
Standard button
Shortcodes (page editor)
Insert via the Shortcode block. Examples below are rendered with do_shortcode().
Update list (default layout)
Update list (compact layout)
Update list (updated layout)
Update detail list
- Talk Type the latest update Design Matters
- Article Second update in the list Design Matters
- Interview Third update in the list Podcast name
- Talk Update without a link (disabled) Conference name
List snippet
Design as a practice
A short excerpt that introduces the piece and invites the reader to open the full article.
Static snippet (no link)
Use without a URL when the block is decorative or wrapped by another interactive element.
List snippet (extended)
Design as a practice
A short excerpt that introduces the piece and invites the reader to open the full article.
How this shows up in client work, talks, and everyday design decisions.
Practice, craft, systems, editorial
Static snippet (no link)
Same layout without a URL when the block is decorative or wrapped elsewhere.
Conference stage, workshop room, or podcast recording.
Speaking, facilitation, narrative
List snippet (card)
Exploratory research
Exploratory research two lines two lines two lines two lines
Static card (no link)
Use without a URL when the block is decorative or wrapped by another interactive element.
Work component accordion
Exploratory research
Exploratory research two lines two lines two lines two lines
Exploratory research two lines two lines two lines two lines
Align stakeholders on the problem space before committing to solutions.
Workshop facilitation
Structured sessions to move from divergent ideas to a shared direction.
Structured sessions to move from divergent ideas to a shared direction.
List value item
Humanity-centered
Design decisions start with people — their needs, contexts, and dignity — not with screens or deliverables alone.
Craft with clarity
We favor thoughtful structure, honest typography, and systems that stay legible as products and teams grow.
Blog archive card
List article
Title could be two lines two lines two lines two lines
Body could be three lines three lines three lines Body could be three lines three lines three lines Body could be three lines three lines three lines
Static article (no link)
Use without a URL when the block is decorative or wrapped by another interactive element.
External article (opens in new tab)
Use external when linking to Medium, note.com, or other off-site articles.
List case study
Title could be two lines two lines two lines two lines
Body could be three lines three lines three lines Body could be three lines three lines three lines Body could be three lines three lines three lines
Static case study (no link)
Use without a URL when the block is decorative or wrapped by another interactive element.
Breadcrumb
Back link
Nav link
Global navigation
Language switch
Theme switch
Footer link column
Social icon link
Plain link
Brushline divider
Text highlight
Pattern 1 — wavy underline on optical discs .
Pattern 2 — marker stroke behind usability and user experience design .
Pattern 3 — oval enclosure around "sense-making" .
Multi-line pattern 3 (per-line oval): climate action and complex social issues .
Editor markup example: span with class.