Work / Concept 05 Sheet CS-00 / Cover

Concept project

NKALI Studio

A fictional Lagos creative studio with a full brand voice and a hand-coded React site, built to make people look twice.

In short

Problem

An agency site can’t claim capability; it has to show it in every scroll, while staying fast and readable.

My role

Brand, design and development. Self-initiated, no client.

Outcome

A live, clickable studio site showing brand thinking, interface design and hand-written code in one piece.

Type

Concept project

Industry

Creative agency

Role

Brand, design, development

Stack

Figma, React, Vite

Year

2026

Demo

nkali.chinomsowonder.com

NKALI Studio site on laptop and mobile: Make them look twice — Fig. 00Hero: the pitch in four words, on a cursor-reactive canvas

Sheet CS-01 / Brief and challenge The problem

The brief

A self-initiated project: invent a Lagos creative studio from scratch, NKALI, from the Igbo word for “to be greater than”, and build it a complete identity and website with no page builder involved. Pure custom code.

The challenge

An agency site cannot claim capability; it has to demonstrate it in every scroll. That meant motion, interaction and typography doing the selling: a cursor-reactive hero, animated counters, rolling pricing digits and a project carousel, all while staying fast and readable.

Sheet CS-02 / Key decisions 3 details

Designed like a brand. Built like a product.

Three decisions that shaped the build: what I chose, why, and what it replaced.

Build a brand before a website

Decision

A complete fictional brand system: Archivo Black display type, IBM Plex Mono details, and an ink, bone and electric yellow palette.

Why

The site’s one argument is that attention is cheap and being remembered is not, so the brand had to be memorable first.

Constraint

Rooted in Lagos: section labels run in Igbo and English throughout.

NKALI about section: We are NKALI, in ink and electric yellow — Fig. D1The about section shows the full system: ink, bone and electric yellow, with Archivo Black doing the shouting.

Hand-code it, no page builder

Decision

A React single-page application built with Vite and deployed as a production bundle.

Why

The project exists to prove front-end capability beyond page builders.

Instead of

A page builder theme.

NKALI team section titled Faces — Fig. D2Sections like Faces are React components, hand-written rather than assembled in a builder.

Let the interactions make the pitch

Decision

A cursor-reactive hero canvas, animated stat counters, rolling pricing digits and marquee service strips.

Why

For an agency, motion is the portfolio: visitors judge the craft by how the site moves.

Constraint

Every effect had to keep the page fast and readable.

NKALI hero on laptop and mobile — Fig. D3The hero canvas reacts to the cursor; open the live demo, sound on, to feel it.

Sheet CS-03 / Outcome What it proves

Proof beyond the page builder.

A live, clickable studio site demonstrating custom front-end capability: brand thinking, interface design and hand-written code in one piece.

Open the live demo

What it proves

NKALI is a fictional studio; its projects, clients and testimonials are invented to demonstrate brand and web capability.

CapabilityBrand system from scratch Where to see itEvery section of the demo Built withFigma
CapabilityCustom front-end, no page builder Where to see itThe whole site Built withReact, Vite
CapabilityInteraction design Where to see itHero canvas, counters, pricing, marquees Built withReact

Sheet CS-04 / Ownership Who did what

My role

I did

Naming, brand system, design, React development and deployment

Client

None. Self-initiated concept project