Page Building Blocks
A library of reusable layout patterns for building content pages on the CFRO website
Callout Blocks
Use callouts to draw attention to important information, announcements, or alerts.
Info Callout — For general announcements and helpful context
New Season Schedule: Our fall programming lineup starts September 8. Check the schedule page for updated show times and new programs.
Warning Callout — For urgent notices or important caveats
Studio Maintenance: The studio will be closed for equipment upgrades on Saturday, October 12. Pre-recorded programming will air during this time. Programmers, please submit your recordings by October 10.
Success Callout — For confirmations, milestones, and good news
Fundraiser Goal Reached! Thanks to our incredible community, we’ve surpassed our $30,000 spring fundraising goal. Your generosity keeps independent community radio alive in Vancouver.
Featured Callout — For highlighting special content or promotions
Featured Show: Tune in to Sounds of the Nations every Thursday at 7 PM for an hour of Indigenous music and storytelling from communities across Turtle Island.
Branded Callout — For high-impact branded messaging
Community Spotlight
Co-op Radio is more than a station — it’s a movement. With over 300 volunteer programmers broadcasting in 10+ languages, we are Vancouver’s most diverse voice on the dial.
50/50 Split Blocks
Side-by-side layouts pairing imagery with text content. Great for storytelling and feature highlights.
Image Left / Text Right — Lead with a visual, follow with context
Our Studio
Broadcasting from the Heart of the DTES
Our studios at 360 Columbia Street have been home to community voices since 1975. From live music sessions to multilingual news, this is where Vancouver’s stories come to life on the airwaves.
Text Left / Image Right — Lead with the story, support with an image
Get Involved
Volunteer with Co-op Radio
Whether you want to host your own show, help with fundraising, manage our social media, or lend your technical skills — there’s a place for you at the station. No experience necessary, just a passion for community.
Full-Bleed Split with Overlay — Dramatic variant with dark background
Listen Now
Discover 300+ Community Voices
From Cantonese opera to Caribbean soca, from punk to poetry — Co-op Radio’s programming reflects the beautiful diversity of Vancouver. Stream live 24/7 or explore our show archive.
Full-Width Banners & CTA Strips
Bold, full-width blocks for calls to action, event announcements, or mid-page emphasis.
Donate CTA Strip — A focused donation call to action
Event Banner with Background Image — For promoting events and fundraisers
Upcoming Event
Annual Radiothon 2026
Join us March 28–April 6 for our biggest fundraiser of the year. Live performances, special guests, and community celebrations on air.
Minimal CTA Strip — Subtle, text-focused call to action
Card Grids
Flexible card layouts for displaying shows, news, events, or features in grid format.
Two-Column Feature Cards — For pairing two related items or options
For Listeners
Tune in live at 100.5 FM or stream online. Browse our schedule to find shows that match your interests — from world music to local politics to experimental sound art.
For Programmers
Already a Co-op Radio programmer? Log in to manage your show listings, update your schedule, and submit content for the website.
Three-Column Content Cards — For news items, events, or blog posts
New Transmitter Upgrade Complete
Our signal is now stronger than ever across the Lower Mainland, thanks to a successful equipment upgrade.
March 15, 2026
Spring Open House & Potluck
Join us at the studio for an afternoon of music, food, and community. All welcome — bring a dish to share!
April 12, 2026
Call for New Show Proposals
Have an idea for a radio show? We’re accepting proposals for our fall season. Deadline: June 30.
March 1, 2026
Four-Column Icon Cards — For values, features, or quick-info grids
Quote & Testimonial Blocks
For listener testimonials, volunteer stories, or notable quotes.
Pull Quote — A simple, elegant quote for mid-page emphasis
“Co-op Radio gave me a microphone when no one else would listen. It’s the only station in Vancouver where my community’s language is spoken on the airwaves.”
— A volunteer programmer, broadcasting in Tigrinya since 2012
Testimonial Card — A contained quote card with attribution
“I discovered Co-op Radio while driving through East Van one afternoon. Now it’s all I listen to. The music is real, the voices are real — you can’t get that anywhere else on the dial.”
Featured Testimonial (Dark) — High-impact dark background testimonial
“Community radio is the antidote to media consolidation. At CFRO, every voice matters and every story has a place.”
— From the 2025 Annual Report
Stats & Impact Numbers
Use these to showcase key metrics and impact data at a glance.
Stats Row (Light) — Clean, minimal stat display
300+
Volunteer Programmers
10+
Languages Broadcast
50
Years on the Air
24/7
Live Broadcasting
Stats Row (Dark) — Bold branded stat display
100.5 FM
FM Frequency
1975
Year Founded
50+
Weekly Shows
$0
Corporate Sponsors
Accordion / FAQ Block
Expandable sections for frequently asked questions or dense informational content.
FAQ Accordion — Click to expand each question
How can I listen to Co-op Radio?
You can tune in at 100.5 FM anywhere in Metro Vancouver, or listen online via our live stream at coopradio.org. We broadcast 24 hours a day, 7 days a week.
How do I become a volunteer programmer?
Start by attending one of our orientation sessions, held monthly at the studio. You’ll learn about our co-operative structure, training programs, and how to propose a show. No prior radio experience is needed — we’ll teach you everything.
Can I support Co-op Radio financially?
Absolutely! You can make a one-time donation, become a monthly sustaining member, or support us during our annual Radiothon fundraiser. All donations are tax-deductible. Visit our Donate page for details.
What languages are represented on Co-op Radio?
Our programmers broadcast in over 10 languages including Cantonese, Mandarin, Punjabi, Hindi, Spanish, Tagalog, Japanese, Korean, Persian, Tigrinya, and more. This multilingual programming reflects Vancouver’s extraordinary diversity.
Where is the Co-op Radio studio located?
We’re at 110–360 Columbia Street in Vancouver’s Downtown Eastside, on the unceded traditional territories of the Musqueam, Squamish, and Tsleil-Waututh Nations. Visitors are welcome — just call ahead!
Icon + Text Lists
Structured lists for feature highlights, steps, or contact information.
Feature List with Icons — For highlighting capabilities or services
Diverse Music Programming
From jazz and blues to hip-hop, reggae, and experimental — genres you won’t hear on commercial radio.
Multilingual News & Talk
Community news, politics, and cultural programming in over 10 languages serving Vancouver’s diverse communities.
Volunteer Training
Free workshops on audio production, interviewing, and broadcasting. No experience necessary.
Community Events
Open houses, Radiothon, live broadcasts, and partnerships with local organizations year-round.
Contact Info Block — Structured contact information with icons
110–360 Columbia St, Vancouver, BC V6A 4J1
(604) 684-8494
100.5 FM — CFRO Vancouver
Studio Hours: Mon–Fri, 9 AM – 5 PM
Embedded Media Blocks
Placeholders for audio players, video embeds, and other rich media.
Audio Player Embed — For embedding show episodes or audio clips
Sounds of the Nations — Episode 142
March 13, 2026 · 58 min
Video Embed Placeholder — 16:9 responsive container for video embeds
Video embed placeholder
Paste a YouTube or Vimeo embed code here
Using These Patterns
- Mix and match: Combine any of the blocks above to compose full content pages. A typical page might use a banner header, a 50/50 split, a callout, and a CTA strip.
- Maintain spacing: Use consistent vertical spacing between blocks (the examples here use ~80px / 5rem between sections).
- Accessibility: All patterns meet WCAG 2.2 AA contrast requirements. Maintain alt text on images and aria labels on interactive elements.
- Colour palette: Stick to the Community Radio palette — emerald green, warm cream, and the six accent colours (amber, coral, teal, violet, rose, sky) for genre tags and highlights.