Light, made
into product.

An independent design and software studio in Burnaby, BC. We design and build digital products and the brands around them, for ourselves and for clients.

See the work ↓Start a project

Our own products.

We created all three, including the names and the brands. Each case shows the work behind it.

More design.

Identity, illustration, interfaces and print, for our own ideas and for clients.

What we do for clients.

We design your product and write its code, so the version you approve is the version that ships.

01

Product design & build

Websites, web apps and mobile apps. We design them, build them, put them online and keep them running.

Product design · Web apps · Mobile · AI features
02

Brand & identity

Names, logos, type, colour and illustration, plus a guide that keeps them consistent wherever they appear.

Naming · Identity · Illustration direction · Merch
03

Editorial systems

Magazines and newsletters, with the masthead, the typography and the publishing workflow behind them.

Editorial design · Email · CMS · AI-assisted workflows

You see the real product at every step, on your own screen.

  1. ResearchWe study your market, your users and your competitors, and agree with you on what the product has to do.
  2. DesignDirections come as working web pages, so you judge them at real size.
  3. BuildWe build what we design, so the details from the design make it into the product.
  4. Launch and supportWe put it live, watch how people use it and keep improving it.

The studio.

Based in Burnaby, BC. We work with clients wherever they are.

Artom Butenko

Creative director, partner

Ilarion Bohatyrov

Managing partner

← All work

8 Pages Burnaby

A magazine about Burnaby. One issue a month, eight stories, and an editor reads every one before it goes out.

What we didEditorial system · Design · Build
Year2026
StatusLive
The July issue

The brief

Local papers have been shrinking for years, and city history is usually the first thing they drop. 8 Pages Burnaby publishes eight stories a month about the people and places of one city. The July issue, The Overlooked, was about the ones Burnaby had forgotten.

AI agents help with research, first drafts, photos and search. An editor reads, rewrites and approves every story before it is published. We designed the masthead, the typography and the website, and set up how the newsroom works.

Masthead + markIssue formatType systemArticle typographyWebsiteArchiveNewsroom workflow

Brand

The 8.

The masthead pairs Playfair Display with an 8 made of two rings, one ochre and one teal. It works reversed on charcoal and is still clear at favicon size.

Masthead
Masthead. The 8 is two rings, ochre and teal, set next to the name in Playfair Display.
Reversed and small
Reversed and small. The masthead on charcoal, and the 8 as an app icon down to favicon size.
The July issue
The July issue. A cover for the July issue, The Overlooked, with the masthead, the lead portrait and all eight stories.

System

Magazine type.

Headlines are in Playfair Display, standfirsts and quotes in Cormorant Garamond italic, and everything else in Source Sans 3. Every story opens with a drop cap. The colours are muted teal, ochre and charcoal on light sand.

Type and colour
Type and colour. Playfair Display for headlines, Cormorant Garamond italic for quotes and Source Sans 3 for reading, on teal, ochre and charcoal.
Reading
Reading. A close-up of the reading column: italic standfirst, teal drop cap and body text in Source Sans 3.

Product

The website.

Each issue opens with its lead story at full width and the rest below it. Stories are set in a single column that is easy to read on a phone. The archive keeps every past issue as a numbered card.

Issue page
Issue page. The July issue on 8pb.ca, with the lead story at the top and the other stories below it.
Story page
Story page. A story with a centred headline, a credited photograph, an italic standfirst and a drop cap.
Archive
Archive. Every past issue as a numbered card with its lead image.
On a phone
On a phone. The October issue, the opening of a July story and the reading view.

Newsroom

An editor on every story.

Agents suggest topics, research them, write first drafts and find photos. At each step the editor approves the work, sends it back or rewrites it, and a story goes live only after the final sign-off.

The newsroom
The newsroom. How a month’s issue gets made. Agents research and draft, and the editor signs off each stage before anything goes live.
Next case · ProductManyloom
→