my name is
RoleSoftware engineer
AlsoWeb designer
ROMANIA
Working from Romania · --:--
I design websitesand write the softwarethat builds them.
explore my work!
33 sites, each on a different subject with its own layout and motion. Six are below; all of them are on the work page and live on my server.
Neon workshop, Turin
A neon workshop that fills only pure neon, so the one red on the site is the gas itself.
The engineOne neon engine draws every sign on the site: glass tube, electrodes, blockout paint, halo and the glow on the wall.
fiamma-d0.webp
Radio observatory
A radio observatory’s listening nights, where scrolling tunes the page like a receiver.
The engineOne signal generator draws the hero, the source pages and the printout; a pulsar stack runs at CP 1919’s real 1.3373 s period.
stille-d0.webp
Hot sauce, Oltenia
Fermented pepper sauces from Oltenia, drawn as packaging: wax-dipped bottles, peppers and a clay crock.
The engineBottles, peppers and the crock are seeded SVG drawn in code; the crest is the loader, the menu and the route curtain.
ardei-d0.webp
Risograph studio, Rotterdam
A risograph print studio whose pictures are printed on screen one ink at a time.
The engineA canvas riso engine prints every image pass by pass, with overprints, halftone, speckle and misregistration.
drum-d0.webp
Paper engineers, Norwich
A paper-engineering studio whose home page is a carousel book of five cut-paper scenes that opens as you scroll.
The engineFive dioramas of die-cut paper layers, lit and shadowed, folded out of one closed book.
mountain-and-valley-d0.webp
Marbled paper, Florence
A hand-marbling atelier in Oltrarno; every pattern on the page is marbled live.
The engineOne marbling engine with real drop, comb and swirl maths draws the hero bath, eight historic patterns and the process scene.
vasca-d0.webp
How I work · shown on FIAMMA
One sentence. For FIAMMA: a neon workshop in Turin that fills only pure neon.
A Turin neon workshop that fills only pure neon, so the one red is the gas itself.
8 pages, English copy
/* A sign is layered like the real object, back to front: wash : light thrown on the wall glass : the unlit tube jump : pen-up moves painted black, as bent in the shop halo : the gas glow around the tube tube : lit glass core : the hot white-pink core of the discharge */ export function ignite(api, { delay = 0, each = 55 }) {…}
The pipeline picks one award-winning site to learn from and lays out the page on its grid and pacing.
A Turin neon workshop that fills only pure neon, so the one red is the gas itself.
8 pages, English copy
/* A sign is layered like the real object, back to front: wash : light thrown on the wall glass : the unlit tube jump : pen-up moves painted black, as bent in the shop halo : the gas glow around the tube tube : lit glass core : the hot white-pink core of the discharge */ export function ignite(api, { delay = 0, each = 55 }) {…}
Type, colour and one ease, written down as tokens before any page exists.
A Turin neon workshop that fills only pure neon, so the one red is the gas itself.
8 pages, English copy
/* A sign is layered like the real object, back to front: wash : light thrown on the wall glass : the unlit tube jump : pen-up moves painted black, as bent in the shop halo : the gas glow around the tube tube : lit glass core : the hot white-pink core of the discharge */ export function ignite(api, { delay = 0, each = 55 }) {…}
One drawing engine for the whole site. Here: neon tubes drawn in code, from single-stroke letters.
A Turin neon workshop that fills only pure neon, so the one red is the gas itself.
8 pages, English copy
/* A sign is layered like the real object, back to front: wash : light thrown on the wall glass : the unlit tube jump : pen-up moves painted black, as bent in the shop halo : the gas glow around the tube tube : lit glass core : the hot white-pink core of the discharge */ export function ignite(api, { delay = 0, each = 55 }) {…}
A real browser opens every page at three sizes and records each transition frame by frame.
A Turin neon workshop that fills only pure neon, so the one red is the gas itself.
8 pages, English copy
/* A sign is layered like the real object, back to front: wash : light thrown on the wall glass : the unlit tube jump : pen-up moves painted black, as bent in the shop halo : the gas glow around the tube tube : lit glass core : the hot white-pink core of the discharge */ export function ignite(api, { delay = 0, each = 55 }) {…}
A critic scores every round, and I decide what changes. FIAMMA went from 7.2 to 8.3 in four rounds.
A Turin neon workshop that fills only pure neon, so the one red is the gas itself.
8 pages, English copy
/* A sign is layered like the real object, back to front: wash : light thrown on the wall glass : the unlit tube jump : pen-up moves painted black, as bent in the shop halo : the gas glow around the tube tube : lit glass core : the hot white-pink core of the discharge */ export function ignite(api, { delay = 0, each = 55 }) {…}
A Turin neon workshop that fills only pure neon, so the one red is the gas itself.
8 pages, English copy
/* A sign is layered like the real object, back to front: wash : light thrown on the wall glass : the unlit tube jump : pen-up moves painted black, as bent in the shop halo : the gas glow around the tube tube : lit glass core : the hot white-pink core of the discharge */ export function ignite(api, { delay = 0, each = 55 }) {…}
01 / 06
( 004 )
Design and build for portfolios, studios and small businesses. Multi-page, fast, in English or Romanian.
Page transitions, scroll scenes and pictures drawn in code with canvas, SVG and WebGL.
Vite and plain JavaScript, accessible markup, a reduced-motion state for every effect, a weight budget per page.
Python pipelines on Playwright and Chromium that capture, test and compare websites.
say hi!
Write to me about a website, a front-end role or a tool you need.
[email protected]GitHub · cosh03 ↗Every site, live ↗
From GeorgeTell me what the site is for and who will read it.
