Mirror on its all-dark field: the masthead, and the question Does the feed look as good as the business? over a field for a handle or a website.

MIRROR

A WEB APP FOR A STUDIO'S INSTAGRAM, ITS FIGMA FILE AND ITS BRAND

CONCEPT / SOFTWAREACTIVE

The project

Mirror is a concept tool for a studio's social accounts. It reads an account's Instagram and its Figma file and shows them in one place: reach, content, engagement and audience, the posts, and the brand as the file defines it. The studio designed and built it. Every account, post and number in these captures is made up.

It is made for the accounts the studio runs. Each week it lays out the plan, measures every post against the account's own history and drafts a monthly report. The brand page reads colour, type, fonts, imagery and patterns from the FOUNDATIONS and COMPONENTS pages of the account's Figma file.

Client
Mirror
Year
2026
Role
Concept — design and build
Services
Product design, Web app, Design system, Instagram and figma connections
Status
Active

Instagram

The Mirror overview for a ceramics studio's account: the line Engagement is up 1.3%, and followers are up 1.2%, over cards for accounts reached, posts against the account's norm, followers and sends.
The Reach tab: Who saw you, and how many were new, over views, accounts reached, new people and views per person, and a chart of views and reach by day.
The Content tab: Which posts did better than your usual, with every post plotted against the account's usual and one post selected beside it.
The Engagement tab: sends, saves, likes and comments as shares of people reached, a weekly bar chart and a breakdown of what people did.
The Audience tab: followers over three months, net new followers this month, and a grid of the hours followers are online.
The account's posts as a gallery: illustrated bowls, mugs, plates and shelves in clay, sand and sage.

The week

This week: One post is out. Two more to make this week, over the seven days with each post's state, and three suggested posts below.
The plan: 6 posts planned for October. 3 out so far, over a month calendar with each planned post and its state.

Figma and brand

The account's Figma file in Mirror: its pages listed down the side and the Instagram page's frames laid out as thumbnails.
The brand page's colour section: Bone, Linen, Sand, Umber and Clay as large swatches, each with its use and its hex value, read from the Figma file.
The brand page's type section: five styles from 56 down to 12, a sample line field, and the headline style set out with its family, weight, size, leading and tracking.
The brand page's imagery section: illustrations of a shelf in morning light and hands at the wheel.
The brand page's patterns section: the NORTHFIELD wordmark and stamp, then glaze and shipping labels.

Mobile

The overview on a phone: the week's sentence, the four ranges, and accounts reached with its chart.
This week on a phone: the week's sentence and the days listed one under another with each post's state.
The brand page on a phone: the guide's sections listed, then the colour section beginning with Bone.
The posts gallery on a phone, three across.

One sentence, then the numbers

Every tab opens on one sentence that says what changed, in plain words: engagement is up 1.3%, and followers are up 1.2%. The figures and charts sit under it, and each one carries a line saying what it counts.

Against its own usual

A post is measured against the account's earlier posts, on watch time, sends, saves and likes per person reached. A typical post reads as 1.2 times its usual.

The brand, read from figma

The brand page sets out what the file defines: each colour with its name, its use and its hex value, each type style with its size, leading and tracking, the font files, the imagery and the patterns. Sync reads the file again.

Three fields

The app stands on a grey sweep from pale to black. The reader picks all light, split or all dark, and the same sweep slides across. The interface is monochrome.

The overview on the all-light field: dark cards on a pale grey ground.
The overview on the all-dark field: dark cards on black.

More work — the rest of the index.