Oda Marin

Oda Marin is a dark, quiet portfolio for painters, photographers and fine artists. The work sits at the centre: an Index board you can rearrange, tall image strips, and plenty of space around every piece. Shown as Oda Marin, an Oslo painter and photographer.

8 pages

Index, Works, a page for each work, Exhibitions, Editions, About, Contact and a 404.

Interactions

- A preloader that spells out the name and counts to 100, then the board rises in.

- The Index board switches between Grid, Scatter and Line, and every work glides to its new place.

- Works drift slowly in Scatter, and cursor labels read View, Preview, Open and Write.

- Works has a sideways strip and a grid, with a Strip and Grid switch.

- Each work page swaps between Full view, Detail and In the room shots.

- Filter exhibitions by All, Solo and Group. Hovering a row shows an installation photo.

- Reserve a print toggles to Reserved on the Editions page.

- Pages fade between each other.

Built natively

Everything is made with Framer's own layers, components, variants, variables and effects. There are no code components or overrides, so you can change every part on the canvas.

Organised

- 20 text styles in Hanken Grotesk and Geist Mono, and 11 colour tokens.

- Named components: Nav, Board, Shot Viewer, Exhibition Row, Reserve Button, View Switch, Filter Chip and Cursor.

- 5 CMS collections: Works, Series, Exhibitions, Editions and Types.

- Desktop, tablet and phone layouts, with a phone menu.

Setup

1. Swap the name, statement and bio.

2. Add your works, series, exhibitions and editions in the CMS.

3. Pick which works sit on the Index board.

4. Change the email, Instagram and gallery links on Contact.

5. Publish.

Good to know

- The site is dark only.

- The Index board is placed on the canvas, not the CMS, so its tiles are swapped by hand.

- The Works strip scrolls with a trackpad, wheel or touch, not a mouse drag.

- Edition counts are static text.

- All names, works and venues are sample content.