17 · graphic design student · builds things

Ivan
Kirilov.

I design visual identities, then build the interfaces that carry them — moving between Figma and a code editor without noticing the seam.

View selected workGet in touch
scroll
Selected work

Four projects, two disciplines.

A mix of visual identity systems and the front-ends built to hold them — each one designed and shipped end to end.

↗
Brand identityNext.js

Aperture

A visual system for an indie film collective — logotype, print program, and the site that ships it.

↗
Web app

Nimbus

A weather dashboard with a typographic, editorial layout instead of the usual widget grid.

↗
Type experiment

Glyph

A variable-font playground exploring weight and grid as interaction, not decoration.

↗
Data vizReact

Cartograph

Mapping five years of city transit data into something you'd actually want to read.

Toolkit

Design tools by day, dev tools by night.

Design

01Figma02Illustrator03Photoshop04Typography05Brand systems06Motion design

Code

</>TypeScript</>React</>Next.js</>Tailwind</>Python</>Git
FigmaTypeScriptIllustratorReactPhotoshopNext.jsTypographyTailwindBrand systemsPythonMotion designGitFigmaTypeScriptIllustratorReactPhotoshopNext.jsTypographyTailwindBrand systemsPythonMotion designGit
About

About

I think in grids and components — a layout is just a system, and a system is just a layout that hasn't shipped yet.

Seventeen and studying graphic design, with code as the other half of the practice. Most projects start on paper or in Figma and end up as a working interface — the goal is always to lose as little of the original idea as possible on the way there.

Age17
StudyingGraphic Design
Also doesFront-end code
FocusIdentity → Interface
Journal

Notes from the process.

ENTRY 01

What grid systems taught me about writing components

A twelve-column grid and a component library solve the same problem twice.

ENTRY 02

Why I still sketch on paper before opening Figma

Slower is sometimes the point — a case for friction early in the process.

ENTRY 03

Prototyping motion in Framer, shipping it in CSS

Translating a design tool's easing curves into something a browser can run.