Studio builds04

An art-directed one-pagerwith nothing to maintain.

Human Arts homepage with a large sliced wordmark over pastel paper shapes

Presentation site · 2026

The studio’s own site: a sliced serif wordmark over torn-paper shapes, and hand-drawn annotations that ink themselves in as you scroll. Under six hundred lines, no framework, no build step.

Client
Human Arts
My part
Design direction and build
Stack
HTML, CSS, Vanilla JavaScript, SVG animation
Live
humanarts.ro

How it is made

  • A wordmark cut in two

    Two stacked text layers, each clipped by a polygon, so the slice stays sharp at every size.

  • Annotations that draw themselves

    SVG strokes start drawing when they scroll into view, and stay still for anyone who prefers less motion.

  • Type that scales without steps

    Twenty-seven fluid sizes and a single breakpoint, at 600 px.

The page

Human Arts homepage with a large sliced wordmark over pastel paper shapes
The sliced wordmark over the paper shapes.
Human Arts homepage on a phone
The same page on a phone.
The practice section with an orange band and a numbered list of outcomes
The practice section.
The practice section on a phone
The practice section on a phone.

Handover

Three files a developer can read in an afternoon: 119 lines of HTML, 457 of CSS and 15 of JavaScript. Nothing to update, nothing to patch.

Contact

Tell me about the build.

What you are building, whether the Figma is finished, and when it needs to be live. I reply within a day, usually sooner.

About 20 hours a week, more in a launch week, remote, on European hours. I can start within a few weeks.

LinkedIn

All fields are required.

If it fits: a short call, then a written quote per project, invoiced by my Romanian company (SRL); for EU businesses outside Romania, with VAT reverse charge. How your message is handled