Start Your Project
All designs

Nonprofit Community Bike Co-op Website Template

Spoke & Wheel

A co-op site that works like the whiteboard by the shop door: what's on this week comes first, in big type, with the countdown to the next open shop. Everything else (earning a bike, donating one, volunteering) is one tap away on a slim icon rail.

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
Tucson commuters who can't afford a shop repair, students, kids and parents, refugees and new arrivals who need a way to get to work, and the volunteer mechanics who keep the place open.
Navigation
Slim icon rail. A narrow fixed rail with a vertical wordmark leaves the full width for photography and type.

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

The Spoke & Wheel design’s home page on a computer
The Spoke & Wheel design’s home page on a phone
The Spoke & Wheel design’s home page, scrolled from top to bottom

Why it looks this way.

Typography

Azeret Mono runs from hairline to black, so headings are set very heavy, like a frame serial number stamped into steel, and secondary lines are set light. Overpass, drawn from American highway signs, carries the reading text. Together they look like a well-organized parts wall.

  • Azeret Mono headlines
  • Overpass body text
Color

The site opens in its dark theme, because most people check it in the evening before a 5 PM shop night. The amber is a sodium streetlight on 4th Avenue at dusk and the turquoise is the trim on a Barrio Viejo door. The light theme swaps to a sun-bleached caliche ground with a deep turquoise for links, which holds contrast in bright desert light.

  • Page #EFE8DD
  • Cards #FBF8F3
  • Text #2A1F17
  • Brand #17635F
  • Accent #C76B1C
Layout

A slim icon rail keeps every page in reach without a header bar, leaving the full width for the week's schedule. Icons are paired with labels, and the rail turns into a plain menu on phones.

Pages: This week, Fix your bike, Earn a bike, Give a bike, Volunteer, Rides & classes

Hero

The week itself is the hero: seven columns, each with what's on that day, today's column highlighted, and a countdown to the next open shop. Regulars only need that one screen, and newcomers learn when to show up before anything else.

Calls to action

The main action is 'Come to open shop' because that's the one thing almost everyone here does first. 'Sign up for Earn-a-Bike' is for people who need a bike, not a repair, and 'Drop off a bike' gives every carport in Tucson a use for the bike that's been sitting there since 2019.

Photography

Hands, wheels and grease: people truing wheels, women in a workshop with a bike between them, a kid learning to ride. Real mechanics doing real repairs, and no lycra racing shots, because almost nobody here rides for sport.

Accessibility

Both themes pass WCAG AA for all text. The rail icons always have text labels. The weekly schedule is real text in day columns, so screen readers read each day in order, and the countdown is written in plain words.

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.