Matheus Belloni

No. 2 — Selected Work

FIO · 2026

From an idea to an identity.

An independent digital studio born from an identified need — and the decision to build something of my own.

Founder · Designer · Developer

The FIO identity

Independent digital studio
Netherlands

Est. 2026

FĪŌ

Build · Evolve · Care

To become.

The Beginning

October 2026

Every beginning starts with noticing.

FIO began with an observation: businesses evolve, but the digital experiences representing them do not always move at the same pace. A gap can emerge between what a business has become and what it communicates to the world.

I saw an opportunity in that gap. At the same time, I wanted to create something of my own — to shape not only a website, but the direction, identity, and foundations of a business.

In October 2026, those two motivations became FIO.

The Vision

A point of view

What represents a business should evolve with it.

I didn’t want FIO to exist only to design and launch websites. I wanted it to help businesses create a digital presence that reflects who they are today and makes room for who they may become.

That intention shaped three connected ways of working:

The work does not end at launch. It continues with what comes next.

The Identity

Meaning · System · Motion

Becoming, made visible.

The name FIO draws from the Latin fīō — “to become.” It gives language to the belief behind the studio: businesses change, and the experiences representing them should be able to change too.

The identity translates that idea into a restrained visual system. Near-black and off-white create clarity; a sharp green accent introduces energy and direction. Geist keeps the typography direct and contemporary.

In motion, separate forms come together until FĪŌ becomes legible. The meaning of the name is no longer only written. It takes shape.

Meaning

Latin · VerbTo become
FĪŌ — Latin verb meaning “to become”.

System

  • Ink#0A0A0A
  • Paper#F7F7F5
  • Green#46E66B
Primary typeface01

Geist

To become.

Technical typeface02

Geist Mono

Latin · Verb · To become

Motion study

An identity in the process of becoming.

The Experience

Structure · Flow · Interaction

Clarity is the first interaction.

The website had to do more than express FIO’s identity. It had to make the studio understandable: what it believes, how it works, and where a potential client could begin.

I shaped the experience around a direct introduction, three distinct paths — Build, Evolve, and Care — and an audit for businesses unsure of their next step. A structured inquiry form then turns that direction into a conversation, asking for the context needed to respond thoughtfully.

The aim was simple: every interaction should make the next decision clearer.

First impressionA clear proposition, from the first moment.
The FIO homepage on desktop: the headline “Your business evolved. Your website should too.” ending in a green dot, a short introduction, a black “Start a project” button, and links to Build, Evolve and Care.
The services section of the FIO homepage: three rows, Build, Evolve and Care, each with a short promise, who it is for, what it includes, a starting price and an Explore link.
Service pathwaysThree ways to work together, without guessing where to start.Build, Evolve, and Care offer distinct starting points based on what a business needs. FIO Audit provides another path for those who first need to understand what should change.
Project inquiryA focused conversation begins with the right questions.The inquiry experience gathers the context needed to begin a meaningful conversation. Clear choices, structured questions, and contextual fields help visitors describe their needs.
The FIO project inquiry form on a phone, empty: numbered fields for name, work email, company and current website, then “What do you need?” with the options Build, Evolve, Care and FIO Audit.

The Execution

Design × Development

Where intention becomes structure.

For FIO, I approached development as a continuation of design. The structure had to support the clarity of the interface, the motion had to feel intentional, and the contact experience had to work beyond the screen.

I built the website with React, TypeScript, and TanStack Start, combining Tailwind CSS with custom components and styles. Scroll-driven transformations turn the brand’s idea of becoming into movement, while a validated inquiry flow connects a visitor’s intention to a server-side submission.

The result is a digital foundation designed to evolve alongside the studio itself.

Project inquiry — technical flow
  1. Input
  2. Validation
  3. Server function
  4. Email delivery

The Becoming

2026 — Ongoing

Still becoming.

FIO is still at the beginning of its story. Founded in October 2026, it represents more than a studio or a website to me. It is the decision to build something of my own — and to take responsibility for what it becomes.

From its direction and identity to its interface and code, I took responsibility for each part. Strategy, design, and development were not separate destinations, but different ways of moving the same idea forward.

I don’t see FIO as a finished project. I see it as a beginning.