I found the Cloud Atlas a few days ago and got a little obsessed, so I ended up building this in ...

I found the Cloud Atlas a few days ago and got a little obsessed, so I ended up building this in ...I found the Cloud Atlas a few days ago and got a little obsessed, so I ended up building this in ...

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Diego Colino - Vítrea Studio

max

• 21h

I found the Cloud Atlas a few days ago and got a little obsessed, so I ended up building this in Framer to play around with it

Framer Framer Website Design Framer Website Development

Rohan Ahmed

pro

• 21h

Love the quiet, atlas-like direction here—the Framer layout makes the imagery feel discovered rather than displayed. The pacing and restraint work beautifully.

Nicolette .

• 21h

this is so cool, is it a template?

Diego Colino - Vítrea Studio

max

• 6h

nop, I coded it with Astra

Maty Sandoval

max

• 20h

What is the Cloud Atlas exactly, a reference site you stumbled on? The scattered layout here makes browsing feel a lot more like flipping through photos than scrolling a grid.

Gabriela Pechova

pro

• 16h

This is such a cool experiment What was the most challenging part to recreate in Framer the interactions or the overall visual atmosphere?

Benjamin C

max

• 15h

the tiny blue paintings make this page feel calm

Diego Colino - Vítrea Studio

max

• 6h

😊

Diego Sánchez

• 13h

That scattered, drifting-photo layout is such a departure from the usual scroll-and-grid template. What was the hardest part making something that loose still feel navigable once you built it out in Framer?

Picto Design Studio

pro

• 12h

Amazing work👏🔥🔥

Diego Colino - Vítrea Studio

max

• 6h

thank you!

Diego Colino - Vítrea Studio

max

• 6h

The original is the 1930 International Atlas of Clouds and States of the Sky

It pairs early cloud photography with hand-drawn diagrams, annotations and classifications. It feels very technical, but also strangely playful and beautiful.

I wanted to preserve that character while...

archive.org

International atlas of clouds and of states of the sky. -- : International commission for the study of clouds : Free Download, Borrow, and Streaming : Internet Archive

At head of title: International meteorological committee. Commission for the study of clouds

Daniel G Bright

max

• Sep 6

Science websites can have a pulse.

A look at Hypesound by Bright Studios. Ocean textures, oversized type, and room for the science to breathe.

The natural world gives the site its character. The typography gives it structure.

Web Design Framer Website Design Framer Website Development

Nina Brylevych

pro

• 1d

The ocean texture doing double duty as backdrop and pacing device is a smart move. Most "science can be fun" sites lean hard on illustration and end up busy. This one actually breathes.

Rokas Griškonis

pro

• Sep 5

I’m Rokas - a Framer Developer & Official Framer Expert. I turn Figma designs into fully functional Framer websites and fix/troubleshoot existing Framer sites. Have a Framer project or need something fixed? DM me. Portfolio: https://contra.com/rokas_griskonis1

Framer Framer Website Development Framer Website Design

contra.com

Rokas Griškonis - Framer Designer | Contra

I fix & develop Framer websites. Official Framer Expert. . View Rokas Griškonis’s Profile on Contra. The Independent-first, commission-free freelance marketplace shaping the future of work.