Axismundi

Material Design 3 social CMS

Text Blocks

This page showcases WordPress core text blocks as rendered by Axismundi: headings, paragraphs, lists, quotes, code, tables, details, separators, and footnotes.

The examples include mixed Korean and English text, long design-token names, inline formatting, and nested structures so the page demonstrates real editorial content rather than isolated controls.

Headings

Heading level 1 — headline-large candidate

Heading level 2 — headline-medium candidate

Heading level 3 — headline-small candidate

Heading level 4 — title-large candidate

Heading level 5 — title-medium candidate
Heading level 6 — title-small candidate, not uppercase

Drop cap paragraphs highlight the first letter while the rest of the text flows normally. Bold, Italic, colored highlight, inline code, Keyboard Input, 언어, x2x^2, strikethrough, subscriptsub, and superscriptsup appear together in one paragraph.

한글과 English가 섞인 문장에서도 첫 글자와 본문 rhythm이 안정적으로 유지되어야 합니다. Paragraph text includes a regular link, strong emphasis, emphasis, inline code, highlighted text, deleted text, inserted text, and an API abbreviation.

ab\frac{a}{b}

Text Alignment

Left aligned text is the default for body copy.

Center aligned text can be used for short editorial statements.

Right aligned text remains readable inside the content column.

Lists

Lists show marker alignment, nested indentation, checklist styles, and segmented list variations.

  • First unordered item with short text.
  • Second item with longer copy that wraps across multiple lines so marker alignment and hanging indentation can be checked.
  • Third item with nested content.
    • Nested item A
    • Nested item B
      • Third-level nested item
  1. Prepare the content.
  2. Review the rendering.
    1. Check nested ordered item one.
    2. Check nested ordered item two.
  3. Publish the page.
  • Completed checklist item.
  • Another checklist item with enough text to wrap and test indentation.
  • Completed segmented item
  • Pending segmented item
  • Plain segmented item

Quote and Pullquote

좋은 디자인은 가능한 적은 디자인을 한다.

Dieter Rams

Typography is where a theme becomes readable before it becomes decorative.

Axismundi Showcase

Plain quote style keeps the quotation quiet while preserving semantic structure.

Plain Quote

A pullquote can interrupt the rhythm of a page and call attention to one idea.

Theme Showcase

Code, Preformatted Text, and Verse

Code blocks preserve long tokens and horizontal overflow without forcing the page wider than the viewport.

filename.txt
평문
const veryLongTokenName = "--md-sys-typescale-body-large-line-height --md-sys-color-surface-container-high --md-sys-shape-corner-medium";
const veryLongTokenName = "--md-sys-typescale-body-large-line-height --md-sys-
color-surface-container-high --md-sys-shape-corner-medium";
Preformatted text keeps spaces
  and line breaks exactly as typed.
Verse block keeps poetic line breaks
without becoming a code specimen.

Tables

Tables show structured data with headers, body rows, footers, and captions.

TokenValueDescription
--space-xs4pxSmall inline gaps and compact controls.
--space-md16pxDefault rhythm unit for body content.
--space-xl48pxLarge section spacing.
SummaryA small sample of spacing tokens.
Table 1. Core table block with thead, tbody, tfoot, and figcaption.
PlanSeatsStatus
Starter3Active
Studio12Active
Enterprise48Pending
Total plans3

Details

Editorial checklist
  • Provide alternative text for meaningful images.
  • Do not communicate state through color alone.
  • Make interactive controls reachable by keyboard.

Footnotes

Footnotes connect inline references to supporting notes at the end of the page.1

A second reference can point to another note without interrupting the paragraph flow.2

일일 쓰기 프롬프트
삶을 가장 크게 발전시킨 습관 하나는 무엇인가요?
  1. ddfsd ↩︎
  2. sdsd ↩︎