This page is a living reference for the site’s semantic elements and reusable components. Define their global appearance in theme.json and the Tailwind source stylesheet.


Headings

Heading 1: The quick brown fox

Heading 2: The quick brown fox

Heading 3: The quick brown fox

Heading 4: The quick brown fox

Heading 5: The quick brown fox
Heading 6: The quick brown fox

Body copy and inline elements

This is a standard paragraph. It includes enough copy to evaluate font family, size, line height, measure, rhythm, and contrast across several lines of text.

This is a standard paragraph. It includes enough copy to evaluate font family, size, line height, measure, rhythm, and contrast across several lines of text.

This paragraph contains a standard link, strong text, emphasized text, highlighted text, inline code, struck text, H2O, and 102. This sentence uses small text.

External link example


Buttons


Lists

  • Unordered list item
  • Another list item
    • Nested list item
    • Nested list item
  • Final list item
  1. First ordered item
  2. Second ordered item
  3. Third ordered item

Quotation and code

Good design makes the intended action clear and the content easy to understand.

Design reference citation
const greeting = 'Hello, WordPress!';
Preformatted text preserves spacing and line breaks.

Table

ComponentStatusNotes
TypographyReadyReview responsive sizes
ButtonsDraftCheck hover and focus states
FormsDraftCheck error states
Example table caption

Disclosure

My ceremony is less than a week away. Can I still order?

Yes — contact the office within 3 business days and we’ll gladly update cap & gown sizes and name spelling on personalized items. After 3 days we can’t make changes or remove items.


Form controls

These controls are visual references only and do not submit data.






Media placeholder

Image or gallery placeholder
Example media caption