Church Liturgical Lutheran Church Website Template
Trinity Lutheran
A website for a 180-year-old liturgical congregation whose life is organized around the Divine Service, the church year and a parish school. It is calm and printed in feel, puts the liturgy first and explains it plainly for people who have never opened a hymnal.
Starting at $500
Start with this design and I’ll personalize it with your branding, photos and words. Keep your current domain or get a new one.
Changes you make in the editor stay in your own browser, so try anything.
- Built for
- Lifelong Lutherans and their grandchildren, families weighing the parish school, and newcomers drawn by the liturgy who want to know what to expect and how communion works.
- Navigation
- Centred masthead. The name sits centred like a printed masthead; pages run underneath. Signals heritage and calm.
Names, photos, times and stories in this template are sample content. Your version uses your own words, photos and branding.
Why it looks this way.
- Typography
Brygada 1918 is a revival of a Polish book face cut the same year Trinity stopped printing its hymnal in German. Its sturdy serifs and slightly calligraphic italic suit a congregation that still reads old words aloud. Alegreya Sans carries the reading text at 18 pixels, warm enough to sit beside the serif and plain enough for the 8:00 congregation's reading glasses.
- Brygada 1918 headlines
- Alegreya Sans body text
- Color
The palette is taken from Luther's seal: the deep blue of its field and the gold of its ring, set on a warm stone gray close to the limestone steps on Fairfield Avenue. Gold is kept for rules, the footer button and small marks, never for text. In dark mode the blue is lifted to a pale slate so links and buttons stay readable on the near-black ground.
- Page
#F0EFEC - Cards
#FAFAF7 - Text
#1A1C22 - Brand
#22427A - Accent
#B8892E
- Page
- Layout
A centred masthead with the pages running beneath it, like the front of a parish bulletin. Members of a 180-year-old church want the site to look as settled as the building, and a centred name says that before anything else does. The one button in the masthead goes to the Divine Service.
Pages: Home, The Divine Service, Learn the faith, Trinity School, Sermons, Since 1846
- Hero
The opening is Isaiah 6:3, the text of the Sanctus sung at every Divine Service. The book name and an outlined 6:3 hold the left column and the verse is set in italic beside it, the way a reference sits in the margin of a bulletin. Service times and the one button sit directly under the verse, so nobody has to scroll to find out when to come.
- Calls to action
Attend the Divine Service, See this Sunday's hymns, Join the inquirers' class, Speak with a pastor, Book a school tour. The wording follows the congregation's own vocabulary and is honest about practice: communion is explained, and visitors are asked to speak with a pastor first rather than being surprised at the rail.
- Photography
Chalices, pews, a fanlight and close-ups of glass, with people reading in pews and children in a parish classroom. We avoided famous Gothic interiors, because Trinity is a brick parish church in the Midwest. The history page carries photographs only where we had a fitting one; a modern classroom photo next to '1849' would have been a lie.
- Accessibility
Body text is 18 pixels with a 1.6 line height, and every text color passes WCAG AA in both themes. The weekly schedule opens on today's tab, hymn numbers are written out as text rather than images, and the lift, hearing loop and large-print hymnals are mentioned on the home page and again on the Divine Service page, before anyone has to ask.
Like where this is going?
Starting at $500
Start with this design
Your colors, logo, photos and words, on a layout that already works.
Start with This DesignStarting at $1,500
Build something custom
A new design shaped around your organization from the first sketch.
Start a Custom WebsiteBoth include keeping your current domain or getting a new one, plus simple editing tools for your team. Monthly hosting and care plans are listed on Services & Pricing.