Church Urban Hip-Hop Church Website Template
Cipher Church
Cipher is built for a hip-hop church in North Philadelphia whose people find it through a friend, a flyer or a clip from Friday night. The site has to sound like the room: loud type, short sentences, and the Sunday time on every screen.
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
- Young adults and teens from North Philly and Kensington, many with no church background, plus the grandparents who come with them.
- Navigation
- Corner controls. Name in one corner, menu in the opposite corner, primary action in a third. The page itself has no header bar.
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
Bungee was designed for vertical signage and borrows from the hand-lettered awnings on Germantown Avenue, so the headlines feel like they were painted on the block rather than typeset in an office. Archivo carries the reading text because it is wide and plain enough to sit under Bungee without a fight. Space Mono handles times and labels like the credits on a record sleeve.
- Bungee headlines
- Archivo body text
- Space Mono labels
- Color
The orange is safety-cone and spray-paint orange; the blue is the SEPTA blue of the Broad Street Line signs. The dark theme leads because Cipher's best-known moments happen after dark, and the light theme swaps to a cool concrete gray rather than cream.
- Page
#E3E4E7 - Cards
#F5F5F7 - Text
#131217 - Brand
#C93A0A - Accent
#1F4FC4
- Page
- Layout
The corner navigation keeps the first screen almost empty of chrome: a logo, a menu and one button that always says when Sunday is. Six pages, each named the way people at Cipher actually talk about them: Pull Up, Friday Cypher, The Booth.
Pages: Home, Pull Up, Friday Cypher, The Booth, Messages, Crew
- Hero
The headline is followed by a huge running line of real bars from the last Friday Cypher. It tells a newcomer in two seconds that this is a church where regular people get the mic. It stops moving for anyone who has reduced motion switched on, and it can be paused.
- Calls to action
The main button is 'Pull up Sunday at 4' because the time is the one thing people forget. The other actions are specific to the room: get on the Friday list, book a Booth session, back the Booth.
- Photography
Dancers, neon, worship nights and a real recording booth, with the people of the neighborhood in front of the lens. Portraits are of the crew themselves and nobody is shown looking needy.
- Accessibility
Bungee is used only for headings; every paragraph is in Archivo at 17px with generous line height. Moving type pauses on hover and focus, the cypher sign-up works with a keyboard, and orange on dark meets AA contrast.
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.