WholeTech · Designs ← back to the gallery
Design on Demand

Bring a look.
We’ll match it.

Point us at a site you love, name a style, or hand over a screenshot — and we’ll rebuild that aesthetic around your content. This page is the long answer: how design emulation actually works, the full vocabulary of looks on the table, and exactly where the line sits between inspired by and ripped off.

How to brief a look

Three ways in

A “look” doesn’t have to arrive as a spec. It can be a link, a word, or a thing you already have. We meet you wherever the idea is.

01

From a reference

Drop a URL or a screenshot of a site whose feel you want. We study it — the grid, the type scale, the color relationships, the spacing rhythm, the one memorable detail — and reconstruct that system for your pages.

“Make it feel like this site → [url]”
02

From a named style

Sometimes a reference is a culture, not a link. Name the era, the brand energy, or the medium and we translate it into a concrete type, color, and layout system.

“Like A24.” · “Swiss, mid-century.” · “An 80s arcade cabinet.”
03

Clone & adapt

Already have a design you half-like — yours, ours, or a competitor’s structure? We start from it and evolve: re-skin, re-palette, restructure, keep what works and cut what doesn’t.

“Keep their layout, our colors, less clutter.”
The range

The vocabulary of looks

There is no fixed menu — a bespoke direction is composed for every project. But it helps to see the territory. Here is a working map of the aesthetic families we move between, and the character each one carries.

Print & Editorial
Magazine editorial
Big display serifs, ruled columns, pull-quotes, a confident grid.
Newspaper broadsheet
Dense, hierarchical, all-business — the front page as homepage.
Literary & criticism
Restrained, bookish, generous leading; the words do the work.
Fashion lookbook
Full-bleed imagery, hairline captions, ruthless whitespace.
Zine / cut-paste
Photocopied energy, tape and marker, deliberate imperfection.
Type-led
Swiss / International
The grid as religion; restraint, red accents, perfect alignment.
Brutalist
Raw HTML honesty, monospace, system fonts, structure on show.
Typographic maximalism
Type as image; scale as drama; the headline is the hero.
Big-type minimalism
One enormous word, acres of space, nothing wasted.
Era & Mood
Art Deco
Geometric symmetry, gold linework, Chrysler-building swagger.
Mid-century modern
Warm primaries, hand-drawn marks, optimistic and clean.
Y2K / vaporwave
Chrome, gradients, low-poly — the web’s awkward teens.
Retro-futurist
The future as imagined in 1979 — amber terminals and chrome.
8-bit / pixel
Chunky, gridded, gleefully low-resolution.
CRT / terminal
Scanlines, phosphor glow, the command line as canvas.
Surface & Texture
Glassmorphism
Frosted layers, depth, soft light through panels.
Paper / tactile
Grain, deckle edges — the screen pretending to be print.
Risograph / halftone
Overprinted spot colors, dot screens, ink misregistration.
Neon / glow
Dark rooms, electric edges, signage after midnight.
Tone & Temperature
Luxury / refined
Deep neutrals, hairline rules; nothing shouts, everything costs.
Playful / toy
Rounded everything, candy color, bounce and squish.
Industrial / utilitarian
Hi-vis, hazard stripes — the call-sheet aesthetic.
Organic / natural
Earth tones, soft curves, the hand and the leaf.
Cinematic / dark
Letterbox, grain, the page composed like a frame.
▸ See a few, live

Not screenshots — these mini-mockups render right here, each in a different aesthetic with its own fonts, color, and layout. The same range, applied to your content, becomes a full site.

Swiss / International

Form follows
the grid.

Helvetica · Red · Restraint

Brutalist

RAW_HTML

no styling.
just structure.
a default link

Art Deco
EST. 1926

ÉLÉGANCE

THE GILDED AGE
CRT / Terminal
> booting tvnight.sys
> channels [OK]
> ready_
Magazine Editorial
THE FEATURE

A Serious
Read.

Television, taken seriously, in a confident grid.

Y2K / Vaporwave

CYBER

chrome · gradient · 1999

Luxury / Refined

MAISON

Nothing shouts.

Playful / Toy

Yay! 🎉

Risograph / Halftone

OVER
PRINT

spot color · dot screen

Glassmorphism

Frosted.

blur · depth · light

Mid-Century Modern

Good
Design.

warm · optimistic · clean

Neon / Glow

OPEN

after midnight

And these are just the families. Within any one of them sit countless specific executions — a different display face, a different accent, a different signature motif — so two “magazine editorial” sites need never resemble each other. Combinations are where it gets interesting: brutalist structure with luxury restraint; Art Deco geometry in a neon palette; a literary voice on a terminal screen.

Under the hood

How emulation actually works

Matching a look is not tracing pixels. It’s reverse-engineering the system behind the reference, then speaking your content fluently in that system — including on pages and screen sizes the original never had to handle.

The type system

Which families, and why they pair — a high-contrast display against a quiet workhorse. The scale and its ratio, the weights in play, the tracking and leading that set the mood. Type is 70% of a look; get the pairing and rhythm right and the rest follows.

The color system

Not a swatch list — a set of relationships. The dominant field, the one or two accents that earn their loudness, and exactly where the high-contrast hits are allowed to land. Timid, evenly-spread palettes read as generic; a dominant color with a sharp accent reads as designed.

The layout system

The grid and how often it’s broken. Alignment and intentional asymmetry. The choice between generous negative space and controlled density. And the breakpoints — because the look has to survive the jump to a phone without falling apart.

The signature motif

The one thing someone remembers — a sprocket-hole border, a hazard stripe, a star rating, a blinking cursor, a custom underline, a grain overlay. Every memorable site has exactly one. We find the reference’s, or invent yours.

Motion & choreography

How the page arrives — a single, well-staged load reveal beats a dozen scattered fidgets. The hover states that surprise. The scroll moments that pay off. Motion is the last 10% that separates “rendered” from “designed.”

The difference that matters

Essence, not mimicry

The principle

A bad emulation copies the surface and breaks the moment your content doesn’t match the reference’s. A good one captures the grammar — the rules that made the original work — and then says something new in that language. The result feels designed for you, not pasted on.

This is why a reference is a starting point, not a destination. The site you admire was built for its content; yours has different lengths, different sections, an empty state it never imagined, a ten-thousand-row table it never had to render. Emulating the system — rather than the screenshot — is what keeps the look intact when it meets your reality.

Where the line is

Inspired by, not ripped off

Style isn’t ownable; brand is. We’ll happily chase a feeling. We won’t lift someone’s protected identity — and we’ll tell you when a request drifts across that line.

Fair game

  • Layout conventions & grid structures
  • Color moods and palette relationships
  • Type pairings and editorial rhythm
  • “A magazine look,” “a terminal look,” an era
  • The general feel of a well-known site
  • Interaction patterns & motion ideas

Off the table

  • Logos, wordmarks & trademarks
  • Proprietary illustration & iconography
  • Copyrighted photography or copy
  • A competitor’s exact branded assets
  • Passing your site off as someone else’s
  • Pixel-for-pixel cloning of a brand identity

In plain terms: “make mine feel like X” is welcome; “make mine be X” is not. The first is how design has always worked — everything good borrows. The second is impersonation, and it doesn’t serve you anyway, because the goal was never to be a copy. It was to be unmistakably yours, built on a foundation that already proved it works.

Get the most from it

How to brief a look well

01Bring one to three references

One is plenty; two or three let us blend — this one’s type, that one’s color, the third’s energy. More than three and the signal turns to mush.

02Say what to keep and what to change

“Their layout, our palette, half the clutter.” The most useful brief isn’t “like this” — it’s which parts of “this.”

03Bring your real content

We design around substance, not lorem. Real headlines, real lengths, the awkward edge cases — that’s what makes a design hold up instead of just photograph well.

04Name the feeling in plain words

“Expensive but warm.” “Loud but readable.” “Serious, not stiff.” Adjectives travel further than you’d think — they set the temperature the system has to hit.

05See it, then push it

The first pass is a conversation, not a contract. “Bolder.” “Quieter.” “More of that one motif.” Looks sharpen fastest with a target to react to.

Have a look in mind?

Bring the reference. We’ll bring the system.