Skip to main content

Beautiful site offers a dinner party in the browser

branch

Discuss important design issues on inspiring site Branch

Branch is a site that aims to provide a new method of communication, combining the intimacy of a dinner table conversation with the openness of the internet.

The homepage features some super neat modules that utilise CSS to achieve the look. Check out the avatars and icons positioned like a rotary telephone – a composition accomplished by rotate transforms and transitions. It uses neat CSS3 effects in other areas as well.

Co-founder and chief designer Cemre Güngör notes, "We use CSS keyframe animations to denote progress. After pressing a button, you see a Mac OS X-style Candybar progress indicator right within the button you just clicked on." Güngör says he also really digs icon fonts because they are now widely supported. "I rarely have to create specifically sized image assets. Having that flexibility is amazing".

branch

branch

branch

branch

This showcase was originally published in .net magazine issue 240.

Like this? Read these!

What do you make of Branch? Let us know in the comments box below!

The Creative Bloq team is made up of a group of design fans, and has changed and evolved since Creative Bloq began over a decade ago. The current website team consists of five people: Editor Kerrie Hughes, Deputy Editor Rosie Hilder, Deals Editor Beren Neale, Senior News Editor Daniel Piper, and Staff Writer Amelia Bamsey. The 3D World and ImagineFX magazine teams also pitch in, ensuring that content from 3D World and ImagineFX is represented on Creative Bloq.