Start Your Project
All designs

Church Episcopal Church with a Choral Tradition Website Template

St. Columba's

A site for a mid-sized Episcopal parish whose music is the thing strangers have heard about. It treats Evensong as the front door, publishes the music list the way the choir actually uses it, and explains Anglican worship plainly to people who have never been inside.

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
Concert-goers and students who come for the singing, families looking at the free choristers' program, and long-time parishioners who want Sunday's leaflet before they leave home.
Navigation
Split screen. Identity and navigation stay fixed on the left half while content scrolls on the right, like a printed programme.

Names, photos, times and stories in this template are sample content. Your version uses your own words, photos and branding.

The St. Columba's design’s home page on a computer
The St. Columba's design’s home page on a phone
The St. Columba's design’s home page, scrolled from top to bottom

Why it looks this way.

Typography

Bodoni Moda sets every heading. It descends from the types Giambattista Bodoni cut in Parma, and it is the letter of engraved anthem title pages, so it carries the choral tradition without a single clip-art clef. Libre Franklin does the practical work underneath, and Spectral SC gives the labels true small capitals, the way rubrics are set in the printed leaflet.

  • Bodoni Moda headlines
  • Libre Franklin body text
  • Spectral SC labels
Color

The blue is Sarum blue, the Advent color of the medieval Salisbury rite that many Anglican parishes still use in December. The claret comes from the choristers' cassocks. The gray-blue paper color is Lake Champlain in November, three blocks downhill. In dark mode the blue lifts to a pale periwinkle and the claret to a rose, so both read as candlelight rather than neon.

  • Page #EDF0F2
  • Cards #FAFBFC
  • Text #151A29
  • Brand #22386B
  • Accent #952E3B
Layout

The split-panel navigation keeps the parish name, the pages and the service times fixed on the left while the content scrolls on the right, like a printed order of service you hold open in one hand. On a phone it folds into a single menu with the Evensong button always visible.

Pages: Home, Sundays, Evensong, Sing with us, The parish, Give

Hero

The home page opens on a typographic poster for the Evensong season because that is what newcomers search for and what the parish does best. The lines stack like a concert bill, with the time and season printed up the side so nobody has to scroll to learn when to come.

Calls to action

Every button names the service or the task: Hear Evensong at five, Come on Sunday at ten, Book a chorister's audition, Give to the music. Anglican worship has a lot of unfamiliar words, so the buttons never add more of them.

Photography

Stone, candlelight, music on the stand and children at the piano, with people photographed while they rehearse or sing rather than posing. We dropped every wide cathedral nave we were offered: Evensong at St. Columba's draws sixty to a hundred people, and the pictures should never promise a cathedral. The history timeline carries no photographs at all, because we had none that were honest about 1868 or 1923.

Accessibility

Body text is 17px with generous leading, every color pair passes WCAG AA in both themes, and the bracket buttons are real text links with a visible focus outline. The Sundays page says plainly where the level entrance, hearing loop and large-print leaflets are, 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 Design

Starting at $1,500

Build something custom

A new design shaped around your organization from the first sketch.

Start a Custom Website

Both 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.