Here is a heading 1

Here is a Heading 2

Here is a heading 3

Here is a Heading 4

Here is a Heading 5
Here is a Heading 6

Plain body
Italic body
Bold body
Bolt Italic body

Here is a link H2

Here is a link H3

Here is a link H4

Here is a link H5
Here is a link H6

Here is a link


Lists

Here is ia block quote.

Normal paragraph Lorem ipsum dolor sit amet, consectetur adipiscing elit. If hierarchy, spacing, and signal separation are working correctly, this section should feel visually dominant and stable compared to all preceding content.

Smaller dense paragraph - Lorem ipsum dolor sit amet, consectetur adipiscing elit. If hierarchy, spacing, and signal separation are working correctly, this section should feel visually dominant and stable compared to all preceding content.

Expanded reading paragraph -Lorem ipsum dolor sit amet, consectetur adipiscing elit. If hierarchy, spacing, and signal separation are working correctly, this section should feel visually dominant and stable compared to all preceding content.

H1 — SYSTEM IDENTITY LAYER (HEAVY / UPPERCASE)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. This is the highest visual hierarchy layer. It should feel dominant, compressed, and authoritative.

H2 — SECTION IDENTITY LAYER (HEAVY / UPPERCASE)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. This layer defines major structural divisions within the page.

H3 — STRUCTURAL SIGNAL LAYER (BOLD / UPPERCASE)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. This is a navigational structure layer that should feel directional.

H4 — reading mode header (bold / lowercase intent)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. This is where the system deliberately softens into reading mode behaviour.

H5 — MICRO SIGNAL LABEL (HEAVY / UPPERCASE)

Lorem ipsum dolor sit amet. This is metadata-level hierarchy. It should feel tight, coded, and minimal.

H6 — MINIMAL SYSTEM LABEL (HEAVY / UPPERCASE SMALL)

Lorem ipsum dolor sit amet. This is the lowest visible hierarchy layer in the system.

PARAGRAPH VARIATION TEST

Body A — Standard Reading Mode

Lorem ipsum dolor sit amet, consectetur adipiscing elit. This is standard body text designed for neutral reading flow. It should feel stable, invisible, and effortless to scan across multiple lines without drawing attention to itself.

Body B — Dense Information Mode

Lorem ipsum dolor sit amet, consectetur adipiscing elit. This paragraph is intentionally tighter. It reduces vertical breathing space and increases information density for CV-style or data-heavy sections.

Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Mauris blandit aliquet elit.

Body C — Expanded Narrative Mode

Lorem ipsum dolor sit amet, consectetur adipiscing elit. This paragraph increases vertical and cognitive breathing room. It should feel more editorial, reflective, and slow.

Pellentesque in ipsum id orci porta dapibus. Vivamus suscipit tortor eget felis porttitor volutpat.

SIGNAL SWITCH TEST (UPPERCASE VS LOWERCASE)

STRUCTURAL HEADER MODE

Lorem ipsum dolor sit amet, consectetur adipiscing elit. This is uppercase signal mode. It should feel compressed, intentional, and visually assertive.

reading header mode (lowercase)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. This is reading mode. It should feel softer, more conversational, and less structured.

INLINE EMPHASIS TEST

This is normal text with italic emphasis, bold emphasis, and combined emphasis to test inline hierarchy behaviour inside paragraphs.

LINK BEHAVIOUR TEST

Here is a standard link: Photography Section

Here is a structural link embedded in hierarchy:

H3 LINK — PROJECT ENTRY

H4 LINK — DETAIL VIEW

H5 LINK — METADATA ENTRY
H6 LINK — SYSTEM REFERENCE

LIST BEHAVIOUR TEST

Ordered List

  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. Sed do eiusmod tempor incididunt

Unordered List

Nested List (Hierarchy Stress)

BLOCKQUOTE SYSTEM TEST

“Typography is not decoration. It is structured perception.”

Lorem ipsum dolor sit amet, consectetur adipiscing elit. This blockquote should feel visually distinct through spacing, indentation, and italic treatment.

FINAL IDENTITY CHECK

H1 — FINAL SYSTEM VALIDATION

Lorem ipsum dolor sit amet, consectetur adipiscing elit. If hierarchy, spacing, and signal separation are working correctly, this section should feel visually dominant and stable compared to all preceding content.