Menu

Design system

University Reformed Church

Sensible, grounded, informal but not hip. Tokens and components for the public site.

Color

primary

mark

ink

ink-muted

surface-tan

surface-muted

border

accent-gold

dark

blue

Type

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

  • --measure-display · 18ch · Display
  • --measure-heading · 26ch · H1, H2
  • --measure-lede · 58ch · Lede
  • --measure-prose · 68ch · Body paragraphs and lists

Cards

6:00pm

Sunday Evening Worship

Motion

Subtle, purposeful, accessible. One easing curve (ease-urc) and the duration tokensfast,micro,enter,card,page.prefers-reduced-motion turns decorative motion off.

  • Pages: fade with a light upward drift. Sermon, event, news, and staff cards share image and title into their detail pages.
  • Cards: wrap a list in card-groupwith gap-card (20px), each item card-enter card-hover, images in card-hover__media.
  • Links: 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

Visit on Sunday

Come as you are. We’re glad you’re looking.

Plan a visit