Atlas

prototype

A travel trip planner where the bento grid IS the information architecture: tile sizes encode frequency of use, the header is a tile grown from the grid, and tapping any tile morphs it full-screen. Generative CSS destination art, per-trip packing lists and a saved collection — across Trip, Places, Pack and Me.

BentoTravel4 tabsTile morph

9:4187%

Good eveningAtlas

Screen info

TripThe showcase bento: a destination hero painted from generative landscape CSS, a 2x1 weather tile with mini forecast bars, a tall countdown tile with the big orange numeral, plus flights / stay / budget-ring / activities 1x1 tiles. Tap any tile — it morphs full-screen (~300ms) and collapses back. Header dots switch trips.

Trip data

Saved

3

Packed

4/20

Planned

5

Design

StyleBento grid

PaletteFelt + orange accent

Tile artGenerative CSS landscapes

Motiontile morph · stagger