August 6, 2026
Women’s Doctrine Study
A sample news card with title, date, and a short excerpt.
Design system
Sensible, grounded, informal but not hip. Tokens and components for the public site.
primary
mark
ink
ink-muted
surface-tan
surface-muted
border
accent-gold
dark
blue
Fluid scale from src/data/type.ts. Heading level follows the outline; .t-* follows visual rank.
Display
t-display
40→64px · Nunito Sans · 300
To glorify and enjoy Christ
H1
t-h1
34→52px · Nunito Sans · 300
Plan Your Visit
H2
t-h2
28→40px · Nunito Sans · 600
Visit on Sunday
H3
t-h3
22→28px · Nunito Sans · 600
Children’s Ministry
H4
t-h4
19→21px · Nunito Sans · 600
Sunday Morning Worship
Card, large
t-card-lg
24→28px · Alegreya italic · 400
Right Lament
Card
t-card
20→22px · Alegreya italic · 400
Church picnic this Saturday
Card, plain
t-card-plain
20→22px · Nunito Sans · 600
Jason Helopoulos
Scripture
t-scripture
22→26px · Alegreya italic · 500
The Lord is my shepherd; I shall not want.
Lede
t-lede
19→22px · Nunito Sans · 400
A Christ-centered, Bible-teaching church in East Lansing, near Michigan State University.
Body
t-body
18→18px · Nunito Sans · 400
Warm and straightforward. Clear, Christ-centered language without jargon or hype.
Small / meta
t-small
14→14px · Nunito Sans · 400
Sundays · 9:00 & 10:45am · 6:00pm
Eyebrow
t-eyebrow
13→13px · Nunito Sans · 600
Members
--measure-display · 18ch · Display--measure-heading · 26ch · H1, H2--measure-lede · 58ch · Lede--measure-prose · 68ch · Body paragraphs and listsAugust 6, 2026
A sample news card with title, date, and a short excerpt.
6:00pm
Subtle, purposeful, accessible. One easing curve (ease-urc) and the duration tokensfast,micro,enter,card,page.prefers-reduced-motion turns decorative motion off.
card-groupwith gap-card (20px), each item card-enter card-hover, images in card-hover__media.nav-link in the header,link-quiet for text links,btn-lift on filled buttons.Worship with us
Morning
9:00 & 10:45am
Evening
6:00pm
Come as you are. We’re glad you’re looking.