ADR-024 — pick a layer, then review its steps. Posture scales the whole layer ladder.
Section rhythm, band padding, large layout gaps
- sm
--hds-macro-smclamp(2.4rem, calc(0.0118518519 * (100vw - 22.5rem) + 2.4rem), 3.2rem) - md
--hds-macro-mdsection default - lg
--hds-macro-lgclamp(3.75rem, calc(0.0185185185 * (100vw - 22.5rem) + 3.75rem), 5rem) - xl
--hds-macro-xlclamp(4.6875rem, calc(0.0231481481 * (100vw - 22.5rem) + 4.6875rem), 6.25rem) - 2xlwing
--hds-macro-2xlclamp(5.859375rem, calc(0.0289351852 * (100vw - 22.5rem) + 5.859375rem), 7.8125rem)
Page titles, headlines, section titles
Roles: display → xl · headline → lg · title → sm
- sm
--hds-type-display-smtitle role - md
--hds-type-display-mdclamp(1.5rem, 3vw, 1.75rem) - lg
--hds-type-display-lgheadline role - xl
--hds-type-display-xldisplay role
Layer specimenDisplay · full hierarchy in Type mode
This Sunday
Come as you are.
Sundays at 9 & 11 — worship, belong, take a next step.
Layout chrome (advanced)
Panel gaps still follow Macro/Component posture: section 40px, block 32px. Sample headline 2.5rem.