Skip to main content

Dribbble's basketball site has a beautiful simplicity

United Pixelworkers (opens in new tab) and Dribbble (opens in new tab) have teamed up to create The Brackets (opens in new tab), the first annual NCAA Tournament bracket mega-pool open to anyone in the web and design community (non-US visitors click here (opens in new tab) for an explanation of what that all means). The site has a beautiful simplicity to it, making it worth a visit even if you're not interested in basketball.

"We used Simple Bracket (opens in new tab) from Studio Neat to make it easy to administrate, and we recruited Shopify and Squarespace to amp up the prizes," explains United Pixelworkers developer, Nathan Peretic. "It's been a lot of fun. We plan on making it bigger and better every year," he adds.

Fixed navigation

The fixed navigation is styled with border-radius properties and is colour coded to match the corresponding sections. Those sections utilise RGBA background colours to set the alpha to less than one, which allows the fixed-position bracket background graphic to show through.

The bracket background is a nice, subject-appropriate touch. It also took a bit of love to implement, explains Peretic. "Some browsers (iOS) don't support background-attachment: fixed, so we simulate it with a fixed position element. It's a hack, but it's trivial and doesn't get in anyone’s way."

This showcase was originally published in .net magazine (opens in new tab) issue 242.

Like this? Read these!

Have you seen any cool examples of website design? Let us know in the comments below...

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

The Creative Bloq team is made up of a group of design fans, and has changed and evolved since Creative Bloq began back in 2012. The current website team consists of six full-time members of staff: Editor Kerrie Hughes, Deputy Editor Rosie Hilder, Deals Editor Beren Neale, Senior News Editor Daniel Piper, Digital Arts and Design Editor Ian Dean, and Staff Writer Amelia Bamsey, as well as a roster of freelancers from around the world. The 3D World and ImagineFX magazine teams also pitch in, ensuring that content from 3D World and ImagineFX is represented on Creative Bloq. 

Topics