Morrow — a coffee brand you can walk into

nos-user · · HTML

About

Morrow — a coffee brand you can walk into. A 3D and graphics piece in a single HTML file, with 3d, branding, coffee, scroll. Open it in the browser, or copy it into a NOS workspace and edit it.

More like this

Document text
morrow®
Independent roastery / Brand identityAbout
Morrow — a brand identity, brought to life

A quieter
kind of coffee.

A moment of quiet before the day begins.
Step inside an identity made for that ritual.

01—03Three roastsOneContinuous story
01 / Packaging

Made to
be held.

Three roasts, one curved label.
Keep scrolling and watch the artwork
lift off the tin.

02 / Print

One voice.
Every surface.

The label unrolls into a poster.
Same contours, same morning sun,
now at the scale of a wall.

03 / Space

Come
on in.

From the label to the place.
Counter, shelves and signage
speak one language.

17:42 — Golden hour

The light moves across the room.

Morrow / Selected identity

Small rituals.
Lasting impressions.

Packaging, print and a place to belong.
One identity, experienced as
one continuous story.

Scroll to step inside
Open lidEvening
00Tin01Poster02Store03Evening
83 KB · one HTML file · three.jsMake yours on NOS →
×About this identity

morrow®

Morrow is a fictional independent roastery built around the small ritual of a daily coffee. Its identity is shown as one continuous scene: the tin, the label that becomes a poster, the store, and the light moving into evening.

PackagingDrag or use the arrow keys to turn the tin. Pick a roast to change the label. Open the lid to look inside.Print & spaceScroll to lift the label onto the wall, step into the store and switch to evening light.Made withthree.js, physically based materials, generated environment lighting and post-processing. All graphics, typography and textures are generated in code inside one HTML file.A noteThis brand, its products and its store are fictional. There is no checkout, booking or contact form.
morrow.

Setting the scene