Pattern Styleguide

Axismundi Pilot 패턴 조합 계약. 각 섹션은 patterns/*.php source, 소비하는 block contracts (§N), Inserter 상태, TT5 relation을 명시합니다. 패턴은 §1–§18 block contract를 재료로 삼는 상위 조합 계층입니다.

Template Parts

Header

Source
axismundi-pilot/patterns/header.php
Slug
axismundi-pilot/header
Block Types
core/template-part/header
Inserter
true — category: header
Consumed contracts
§12 site-title · §17 Navigation. Overlay color slugs base/contrast are resolved by §17 token rules, not theme.json palette classes.
TT5 relation
Adapted — same flex space-between header bar. Mobile hamburger state depends on WP Interactivity API and must be verified in the Pilot WP instance.

Desktop specimen

Template Parts

Sidebar

Source
axismundi-pilot/patterns/hidden-sidebar.php
Slug
axismundi-pilot/hidden-sidebar
Inserter
false — embedded in single-post template
Consumed contracts
§14 post-title · post-date
TT5 relation
Adapted — 4-post query list, date desc. Uppercase label heading added; category widgets deferred.

Specimen

Other Posts

Query & Feeds

Template Query Loop

Source
axismundi-pilot/patterns/template-query-loop.php
Slug
axismundi-pilot/template-query-loop
Block Types
core/query
Inserter
false — embedded in home / index templates
Consumed contracts
§14 post-featured-image / post-title / post-content / post-date · §15 query-pagination
TT5 relation
Copied structure — full-width single-column article feed; inherit:true uses the main query.

Specimen — 2 posts

Post Context

Post Navigation

Source
axismundi-pilot/patterns/post-navigation.php
Slug
axismundi-pilot/post-navigation
Block Types
core/post-navigation-link
Inserter
true — category: text
Consumed contracts
§15 post-navigation-link · outline-variant top border
TT5 relation
Copied — flex space-between previous/next navigation with arrow labels.

Specimen

Post Context

Written By

Source
axismundi-pilot/patterns/hidden-written-by.php
Slug
axismundi-pilot/hidden-written-by
Inserter
false — embedded in single-post template
Consumed contracts
§14 post-author-name · §6.x post-terms · WP small font preset
TT5 relation
Adapted — inline flex attribution line for single-post density.

Specimen

Written by

Ji-woon Kim

in

Design Systems
Post Context

Blog Heading

Source
axismundi-pilot/patterns/hidden-blog-heading.php
Slug
axismundi-pilot/hidden-blog-heading
Inserter
false — embedded in home / index templates
Consumed contracts
§2 h1 heading
TT5 relation
Copied — utility h1 for archive and blog templates.

Specimen

Blog

Comments

Comments

Source
axismundi-pilot/patterns/comments.php
Slug
axismundi-pilot/comments
Block Types
core/comments
Inserter
true — category: text
Consumed contracts
§18 full comments family and form
TT5 relation
Adapted — same avatar + content-column structure; MD3 input/button tokens replace TT5 form styling.

Thread + form specimen

Comments

2 thoughts on "스타일 시스템과 디자인 토큰의 관계"

  1. Mina

    surface-container 계층이 자연스럽고 댓글 폼 토큰도 검색 입력과 일관됩니다.

    Reply

Utility

404

Source
axismundi-pilot/patterns/hidden-404.php
Slug
axismundi-pilot/hidden-404
Inserter
false — embedded in 404 template
Consumed contracts
§7 media surface · §10 search · §8 two-column layout
TT5 relation
Copied recovery pattern: visual texture plus actionable search. TT5 photo is represented as a local gradient placeholder.

Specimen

Page not found

The page you are looking for doesn't exist, or it has been moved.

Dev & Gaps

Dev Controls & pattern gaps

Source
axismundi-pilot/patterns/dev-controls.php
Slug
axismundi-pilot/dev-controls
Inserter
true — development-only
Consumed contracts
Theme switcher component + Material Symbols font. Not part of TT5 template parity.
TT5 relation
None — Pilot-only test control. Header keeps TT5 parity by separating this pattern from template parts.

Route-forward gaps

  • TT5 header-large-title / vertical-header — template-part variants deferred until a template actually consumes them.
  • Navigation mobile overlay — §17 desktop token layer exists; open/close state requires Pilot WP runtime verification.
  • Sidebar taxonomy widgets — can use §16 widget-list contracts once a sidebar template needs them.
  • Attachment media patterns — handled by attachment partials, not the block pattern layer.