Westside Youth Hoops · Youth Basketball League Website Template · sample contentOpen editorGet this website
Skip to content
Westside Hoops
Sign up a player
This weekSign upGymsCoachSponsorStory
Westside Hoops
This weekSign upGymsCoachSponsorStory

1311 Mandela Pkwy, Oakland, CA 94607

(555) 014-6230

hoops@example.org

Sign up a player

Gyms & rides

Two gyms, one court, two vans


Everything is within a mile of Mandela Parkway. If getting there is the hard part, that's what the vans are for.

Doors open fifteen minutes before practice. Nobody waits outside alone: a coach stays until the last kid is picked up.

Where we play

Find your kid's gym

The team text tells you which gym. Minis and Seniors are at Cypress; Juniors and the girls' division practice at Peralta.

Mandela PkwyPeralta St7th StABCN↑400 ft
  1. A

    Home gym · league office

    Cypress Gym

    1311 Mandela Pkwy, Oakland, CA 94607

    • Mon & Wed5:30–8:30 PM
    • Saturday8:30 AM–5:30 PM

    Free parking in the lot off 14th St. Come in through the blue double doors.

    DirectionsCall
    Cypress Gym
  2. B

    Juniors & girls' division

    Peralta Street Rec

    870 Peralta St, Oakland, CA 94607

    • Tue & Thu5:30–9:00 PM
    • Third SaturdayWheels Night, 6 PM

    Step-free entrance and an accessible restroom beside the court.

    Directions
    Peralta Street Rec
  3. C

    Outdoor · lights until 9

    10th Street court

    10th St at Chestnut St, Oakland, CA 94607

    • FridayTeen open run, 6–9 PM
    • June–AugustSummer league nights

    If it rains, Friday's open run moves indoors to Cypress.

    Directions
    10th Street court

Rides

The Saturday vans, and other ways to get there

Van A · Acorn and Campbell Village loopSaturdays from 8:30 AMAges 8–17, signed slip

Kao drives a twelve-seat van with a second adult on board. Five pickup corners, then back home after each game block. Seats are saved when you sign up.

Get connected
Van B · Prescott and Lower Bottoms loopSaturdays from 8:45 AMAges 8–17, signed slip

Same rules, different corners. Text the van line at (555) 014-6238 if you'll miss it and we won't wait.

Get connected
Walking group to CypressMon & Wed, 5:10 PMMinis

A coach meets Minis at 18th and Adeline and walks them to the gym. Twelve minutes, every crosswalk.

Get connected
Bus passesAny dayJuniors and older

Clipper cards loaded every month for players who ride the 62 or the 14. Ask at the office; no forms.

Get connected

First practice

What your kid's first practice looks like

Ninety minutes. Closed-toe shoes and a water bottle. That's the whole list.

Young boy in a black jersey dribbling on an outdoor court

Arrival

Blue double doors on the lot side. The coach meets new kids there by name.

Wear

Shorts or sweats and closed-toe shoes. No shoes that fit? Thursday shoe night.

Length

5:30 to 7:00 for Minis and Juniors. Seniors go until 8:30.

Pickup

Lot off 14th St. A coach stays until the last kid has a ride.

Parents

Stay on the bleachers or go run errands. Both are fine.

Access

Both gyms are step-free. Tell the coach what helps and they'll adjust drills.

5:20 to 7:00, Mondays and Wednesdays

  1. 5:20

    Walk in the blue doors

    Shoes on, water bottle under the bench.

  2. 5:30

    Warm-up circle

    Everyone says their name. Coaches learn them by week two.

  3. 5:45

    Drills

    Dribbling, passing, layups. Four stations, ten minutes each.

  4. 6:30

    Scrimmage

    Short games, everybody rotates in.

  5. 6:55

    Closing circle

    One thing each kid did well, said out loud. Then pickup.

Rides

Van questions

Who drives?

Kao Saechao and two volunteer drivers, all fingerprinted, with clean driving records checked every year. A second adult rides along every trip.

What if my kid misses the van?

Text the van line. We wait two minutes at each corner, then keep going so the rest of the team isn't late.

Can siblings who don't play ride along?

Yes, if there's a seat and they're 8 or older. They can watch from the bleachers with the snack table.

Is there a ride home after practice on weeknights?

Not yet. Coaches help families match up for carpools in the team text. We're raising money for a weeknight route.

Free basketball for West Oakland kids 8 to 17, since 2004. Run by neighbors, coached by volunteers, reffed by teenagers.

  • This week
  • Sign up
  • Gyms
  • Coach
  • Sponsor
  • Story
  • 1311 Mandela Pkwy, Oakland, CA 94607
  • (555) 014-6230
  • hoops@example.org
  • Office: Mon–Fri, 3–8 PM
  • Saturdays in the gym, 8:30 AM–5:30 PM
  • Closed Sundays

Westside Hoops

© 2026 Westside Youth HoopsWebsite by Greater Purpose Web

Design notes

Why Westside Youth Hoops looks the way it does

A free youth league site built for the parent standing in a school pickup line with one hand free. The first thing it answers is where practice is tonight, and the second is how to get a kid onto a team.

Built for
West Oakland parents, grandparents and kids 8 to 17, plus the neighbors who coach, ref, drive the van and pay for the shoes.
Navigation
Floating dock. Navigation floats in a dock at the bottom of the screen, where thumbs and eyes already are.
Pages
This week, Sign up, Gyms, Coach, Sponsor, Story
Hero
a short action form as the hero: the one thing most visitors came to do (request a ride, ask for help, register a child) can be done before they scroll, with reassurance beside it. Variants: a = headline, reassurance and a photo on the left with the form as a raised card on the right; b = a tall photo carrying the headline, with the form and reassurance on a plain panel beside it; c = headline beside a photo, then the form laid out as one horizontal booking bar; This week's schedule is the hero: day columns with what is on, so regulars and newcomers see when to come before anything else; A tall photograph on one side; on the other, the headline, a short intro and three 'next step' rows with arrows instead of a pair of buttons. Variants: a = photo bleeds off the left edge, rows show when each step happens; b = photo bleeds off the right edge, rows are numbered steps set large

Typography

Bebas Neue is set in caps with almost no tracking, the way gym banners and jersey backs are lettered, and it carries every heading and the giant footer wordmark. Body copy is Geologica, a plain geometric sans that holds up at small sizes on old phones. Times and figures use Overpass Mono, which comes from Highway Gothic road signs and gives the schedule the look of a scorer's book.

Color

The green is the deep oak green of Oakland's city tree, and the orange is the pebbled leather of a game ball. The site opens dark, like a gym at seven o'clock under the lights, with a muted court green rather than a neon one. The light theme is tinted toward Bay fog instead of white so it doesn't glare at Saturday-morning games.

Layout and navigation

Six pages sit in a dock at the bottom of the screen, where a thumb already is. Most visits happen on a phone between work and practice, so every page is one tap away and the dock never scrolls away. On a laptop the dock stays put and the header carries only the logo and the sign-up button.

The hero

The home page opens on this week's schedule, day by day, with the next session counting down. The most common call to the office is "which gym is it tonight?", and this answers it before anything else. Sunday shows as a rest day because the gym really is closed.

Calls to action

The header button says "Sign up a player" because getting a kid onto a team is the whole point. The other actions are just as literal: "Coach a team", "Save a seat on the van", "Sponsor a team". Nothing asks a family for money; the sponsor page is written for neighbors and businesses.

Photography

Photos are of kids actually playing, mostly on outdoor courts, and the captions say so: they are labeled as summer league on the 10th Street court instead of pretending to be the winter gym. Adults appear only where they are coaching or volunteering. There are no crowd shots, because a Minis game draws about forty people.

Accessibility

Body text is 17px and every color pair passes WCAG AA in both themes. Dock buttons have full-height tap targets with text labels under each icon. Copy is written at about a sixth-grade reading level for parents reading in a second language, and the gym list notes step-free entrances and Wheels Night.

Type system

  • DisplayBebas NeueBebas Neue is the condensed all-caps of gym banners, jersey backs and scoreboard headers, so the schedule reads like it was painted on the wall.
  • TextGeologicaGeologica is a sturdy geometric sans with open counters that stays clear on a cracked phone screen at pickup.
  • AccentOverpass MonoOverpass descends from Highway Gothic, the lettering of road signs, and its mono cut gives times and scores the feel of a scorer's book.

Colour and contrast

Every text pairing is checked against WCAG 2.2 in both themes.

Dark theme

PairingSampleRatioWCAG
Body text on pageAa15.88:1AAA
Body text on cardsAa14.39:1AAA
Secondary textAa6.98:1AA
LinksAa9.26:1AAA
Button textAa9.36:1AAA
Accent label textAa7.63:1AAA
Text on dark bandsAa16.74:1AAA
Muted text on dark bandsAa8.34:1AAA
Text on brand bandsAa9.36:1AAA
Muted text on brand bandsAa5.65:1AA

Light theme

PairingSampleRatioWCAG
Body text on pageAa15.32:1AAA
Body text on cardsAa16.94:1AAA
Secondary textAa5.76:1AA
LinksAa6.43:1AA
Button textAa7.47:1AAA
Accent label textAa5.07:1AA
Text on dark bandsAa15.32:1AAA
Muted text on dark bandsAa7.97:1AAA
Text on brand bandsAa7.47:1AAA
Muted text on brand bandsAa4.99:1AA

Designed by Greater Purpose Web. Names, people and events are sample content.