rentodesign

Design & Engineering

I design it, ship it, and stand behind it.

I'm Rento. I design and build the whole thing, end to end.

Design

Luxury travel brand

A design system, held to the pixel.

Engineering

Global newsroom

A new storytelling format, built with the team inventing it.

Real-time

London exchange

Trading screens and the live data feed behind them, both ends of the wire.

Design earns the look.

Engineering earns the trust.

The same hands own both.

designengineering

// design

It starts as craft.

The type, the grid, the motion. The empty states and the edge cases nobody notices until they're wrong. I draw all of it.

The system underneath gets designed in the same pass. Interface and code, shaped as one thing. Not two halves bolted together.

type
Light · drawn by handMedium · the workhorseExtraBold · the headline
Mona Sans · variable 200–900
motion
ease-out-expocubic-bezier(.16, 1, .3, 1) · 400ms
empty state

Nothing here yet

The drafts you start will land here, designed before it's ever empty.

New draft
drawn before it's needed

Design becomes system.

revenue+12.4%
$48,210this month · vs $42,910 last

the same pixels,
now the code that ships them.

revenue-tile.tsx
export function RevenueTile({ value, delta }) {  return (    <Card accent="ember">      <Header label="Revenue" pill={delta} />      <Metric>{value}</Metric>      <Sparkline data={trend} />    </Card>  )}

// engineering

Then I make it real.

From brief to production, one continuous hand.

No relay race, no baton dropped halfway. The hands that designed it write the code that ships it, so nothing gets lost in the gap between the mockup and the build.

  • architectureArchitecture built to hold its shape long after launch.
  • performancePerformance designed in from day one.
  • real-timeReal-time systems where what's on screen always matches the source.
  • releasesShipped in small, reversible steps. Boring releases, on purpose.

// security

And I harden it.

In fast-moving companies, AI writes the code. Someone still has to answer for it.

So nothing ships unreviewed. Security rules sit in the harness while it works, an audit pass sweeps the whole codebase after, and I close by hand what machines miss.

The lasting fix is upstream. I harden the harness itself, so the next build starts safer than the last.

// operate

I stand behind it.

Launch is when it meets reality. I watch how it behaves: what's slow, what breaks, what people actually do with it once it's real. And I keep shaping it from there.

production· liveuptime 99.98%
14:02deployv2.41.0 → prod · ok
14:02healthp95 182ms · nominal
14:06alertcheckout latency +40ms
14:31patchhotfix shipped · ok
17:52shapeflow redrawn from real usage

I've done all this before.

One piece from each, picked on purpose: luxury, media, and finance. All three carried from brief to production, and beyond.

luxury

A luxury travel brand

The visual bar left no margin. I built the front end as a real design system, component by component.

media

A global news network

A new mobile storytelling format, and the publishing system behind it, built to load under hard limits.

finance

A London exchange

The trading interface, the operations dashboards, and the real-time backbone feeding them all. One data layer, every screen current the moment the market moved.

Feedback is the next brief. Which is where design starts again.

If it has to look right, feel right, and hold,

tell me what you have in mind.

I'll tell you, honestly, if I'm the one to build it.

Start a conversation