XVVIIX

01 / 05  ·  BRAND EXPERIENCE / 2026

DASTIN

A premium Persian food brand built through nature, story and quiet cinematic motion.

  • RTL
  • Art direction
  • Vanilla JS
Open live website
02 / 05  ·  HEALTH INTELLIGENCE / 2026

CHRONA

Biological age intelligence translated into a precise, editorial clinical interface.

  • Data UI
  • Interactive
  • Health tech
Open live website
03 / 05  ·  SOFTWARE PLATFORM / 2026

FORMA OS

A sharp launch experience for ambitious software teams with product clarity at its core.

  • SaaS
  • Product
  • Conversion
Open live website
04 / 05  ·  PERSIAN HOSPITALITY / 2026

LAJEVARD

An editorial digital home for a Tehran tea house, dressed in midnight blue and gold.

  • Editorial
  • RTL
  • Hospitality
Open live website
05 / 05  ·  AI PLATFORM / 2026

AETHER

A premium AI platform experience shaped for elite developers and ambitious product teams.

  • AI
  • Platform
  • Product
Open live website

Every layer. One process.

From structure and interface to motion and real-time 3D, every part of the experience is designed and built as one system.

04 / 06  ·  Expertise / Build system

Start with structure.
Then make it sing.

01
Base buildGrid, hierarchy and a resilient responsive skeleton come together first.
01 / BUILDING
02
Color + designColor, type and motion give the structure its visual voice.
02 / DESIGNING
03
Go liveThe finished experience leaves the studio and meets the world.
03 / LIVE PREVIEW
05 / 06  ·  Behind XVVIIX

I’m Matin — an independent creative developer focused on digital work that looks exceptional and works in the real world.

Logic in the code.
Instinct in the design.

I design and build immersive websites and interactive products end-to-end, from the first art-direction sketch to the final line of production code. Every project is a custom piece of engineering — no templates, no page builders, no borrowed systems — with the kind of motion, depth and craft that only comes from writing every pixel yourself.

  • Next.js / ReactProduction-grade applications with SSR, streaming and sub-second TTI on modern Next.js and React 19.
  • WebGL / Three.jsCustom shaders, post-processing and real-time 3D scenes through React Three Fiber — built to stay 60fps on real devices.
  • Art directionTypography-led visual systems, golden-age editorial composition and motion languages tailored to each brand.
  • Bilingual / RTLEnglish and Persian (فارسی) shipped together — proper Vazirmatn typography, mirrored layouts, no letter-spacing bugs.
GitHub ↗
06 / 06  ·  Now booking new projects

MAKE YOUR
IDEA REAL.

Have something ambitious in mind? Tell me what you want to build. Let’s create the version people cannot scroll past.

The Brief