OSSSO

Most studio sites look the same: a grid of thumbnails and an about paragraph. OSSO works more like a pitch. It opens with a counting loader that wipes away into a full-screen hero slideshow, then takes visitors through who you are, what you've made and what it costs, and ends on one big call to action.

Every section has its own layout and motion. It's built from native Framer layers, components and CMS, so you can edit everything right in Framer. All names, clients and figures are placeholders, ready to be replaced.

Features

• Counting loader with a full-screen wipe

• Solid fixed nav with rolling hover links

• Hero slideshow with slow zoom, progress thumbnails and a letter reveal

• Manifesto that fills in word by word as you scroll

• Pinned mosaic where a full image shrinks into a grid

• Work list with images that follow the cursor

• Animated results bars and counting stats

• Services accordion, team grid with grayscale-to-colour hover

• Pinned horizontal process track

• Reel with a Play button that follows the cursor

• Testimonial scroller, monthly/per-project pricing toggle, FAQ, contact and journal

• Giant wordmark footer

• Smooth scrolling with anchor links

• Desktop, tablet and phone layouts

• 6 CMS collections: Work, Services, Team, Testimonials, FAQ, Notes

• 9 components with variants and 7 small code components, all set from the properties panel

Customise: edit content in the CMS, colours through colour styles, and type through text styles. Fonts: Archivo Narrow and Instrument Serif italic. Colours: Ink #0F0F0E, Bone #F1EEE8, Paper #E6E2DA, Red #E8112D. Images: Unsplash, under the Unsplash License.