This is the reference we both come back to. It holds what you've already told me, what your references have in common, and the decisions still open — in the order a brand designer would take them.
Every option carries a code. Reply with codes — "P2, T1, not G3" — and I'll lock the choice into this document and move to the next stage. Nothing here is a webpage yet, and it shouldn't be.
First: a person, not a template. Then: a person with real skill. Confidence delivered calmly — "I trust this guy" — never clinical, never playful.
Material-design conventions. Everything rounded and bubbly. Scroll-jacked pages where content moves as you scroll. Animation firing at the bottom of the page for its own sake. Reveals happen when the reader asks for them.
7 of 10. People should have an opinion about it. It should not be the loudest thing they saw today.
You sent early-twentieth-century German print trade pages, avant-garde posters, late Monet, Sorolla, a green woodcut cover, embossed paper samples, and a steel water bottle. You also said Budapest over Vienna, your own brick neighbourhood over a polished district, story over special effects. Those are not five different tastes. They share four things.
Nearly every reference is two or three colours: black and red, black and green, orange and black. The limitation is what makes them look confident. Colour is never decoration — it either carries the loudest element or it isn't on the page.
Ink that sits unevenly, plates slightly out of register, an edge that wasn't trimmed perfectly. You said it directly: the crude press beats the perfect print. This is also the watch that gets better as it scratches. Character comes from use, not from finish.
Those trade pages are ruled, framed and compartmented. Nothing floats, nothing is centred by accident. It's the same instinct as your architecture work and your notebook: a place for everything, visible from outside. Meticulous, not sterile.
Paper stock, brushed steel, a beige cap, oil on canvas. Warm and tactile grounds under strict organisation. This is the mechanism for "confidence, calmly" — the discipline earns the trust, the warmth stops it reading as clinical.
Printed matter, not a product interface: strict structure, warm stock, few inks, and visible signs that a person made it.
Each is a ground, an ink, and one or two accents. Nothing more, because your references never use more. Colour blocks are shown at real weight: the big field is what you'd see most, the strip is where the accent is allowed to appear.
Four pairs, each a light palette plus a calculated dark mode. P1/D1 and P2/D2 are the original print-reference palettes; P4/D4 and P5/D5 are pulled directly from two Monet paintings, sampled from the canvas rather than inverted.
Straight from the Leipzig poster pages: newsprint stock, black ink, one vermilion that does all the shouting. The boldest option and the closest to your references as objects.
Risk: red at scale reads urgent. Used on a job-seeking site it can feel like an alarm rather than calm confidence. It needs discipline to stay at 7 of 10.
Roles inverted off P1: the ink becomes the ground, the newsprint becomes the text, and the vermilion is pushed a step warmer and lighter so it still reads at full strength against black instead of going muddy.
Use: a dark-mode toggle on the same site as P1 — same roles, same accent family.
From the green woodcut cover and the late paintings — a verdigris green over warm paper, with an ochre that behaves like a second ink. The countryside side of you, and the calmest route to confidence.
Risk: green is rare in engineering portfolios, which is an advantage, but it must stay muted or it drifts toward eco-brand. No brightness above what you see here.
Roles inverted off P2: the deep ink becomes the ground, the warm paper becomes the text, and both verdigris and ochre are lifted a step so they keep their colour temperature instead of turning grey on black.
Use: a dark-mode toggle on the same site as P2 — same roles, same two accents.
The harbour fog as the ground, the silhouetted cranes and masts as ink, and that single orange-red sun as the one accent allowed to appear. Cool and hazy, with one warm point of focus — exactly Monet's composition.
Risk: the blue-grey can read corporate if the orange isn't used often enough to register as the painting's whole point.
Recalculated by sampling the painting itself, not by inverting P4: the ground is the actual near-black indigo of the crane silhouettes on the right, the text is the dawn sky's own pink-cream haze, and the sun keeps its exact painted orange-red.
Use: a dark-mode toggle on the same site as P4 — every colour here exists somewhere in the canvas.
The sunlit gravel path as the ground, the deep foliage shadow as ink, and the two accents Giverny actually uses: a mid green and the magenta of the flower borders. The warmest and most alive of any option so far.
Risk: two accents plus green is the most colour of anything shown. Needs the magenta kept genuinely rare or it stops reading calm.
Recalculated from the canvas, not inverted from P5: the ground is the near-black green Monet paints into the deepest part of the overhead canopy, text is the path's own sunlit highlight, and the accents are the purple and green actually in the borders.
Use: pairs with P5 as one toggleable theme, same as P4/D4.
Four options, each a light/dark pair, not eight separate choices: P1/D1, P2/D2, P4/D4, P5/D5. Pick one pair; light and dark come along with it.
Set in the real fonts, at real sizes: a headline, a line of body copy, and the small label style. Read the body text of each — that's where you'll actually spend your visitor's attention.
Fondamento is a broad-nib calligraphic hand — the closest living relative of the Freihand-Kursiv register you asked about. I've paired it with Spectral, a sturdy low-contrast screen serif, deliberately: the calligraphy supplies all the personality and the body text stays plain, so the page reads as written by a person rather than decorated.
Reads: personal, handmade, warm. The clearest "a person made this" signal of any option. Risk: calligraphy at headline size gets hard to read past two lines, and can undercut the seniority you want — it works best on short headlines with plain type doing the heavy lifting.
"Antique" in this period meant sans-serif, not serif — the fine grotesque Vu ran in its masthead, out of the Deberny & Peignot foundry's modernist stable. Jost, a Futura-shaped geometric sans, is the nearest free equivalent. Mots Croisés' squared display character lives in the same bold caps. Freihand-Kursiv — the hand-drawn cursive of the same period's posters — has no honest digital equivalent either; Yesteryear stands in for its loose, signed-by-hand line.
Reads: modernist, constructed, with one warm handwritten interruption. The script line should stay rare — a caption or a signature, never a headline.
A grotesk with drawn quirks in the headlines, an editorial serif underneath. The quirks are where "this guy has personality" lives.
Reads: current, technical, slightly contrarian. Most legible to a recruiter skimming. Least connected to the print references.
Brygada 1918 is a revival of a Polish type cut in 1918 — genuinely of the period you keep returning to, and unlike most revivals it's a full text family, so it can set both the headline and the body. IBM Plex Sans handles labels, metadata and interface chrome: an engineered sans against a book serif, which is exactly your two halves.
Reads: literate, European, quietly authoritative. The most period-accurate option that is still comfortable to read at length. Lowest-risk of everything here.
The recurring marks that make it yours — what fills the space where other portfolios put stock illustration. Sketched here as raw ingredients, not layouts.
Thick-and-thin rule pairs, a running head with edition numbers, big plate numerals. Straight out of the trade pages. Organises everything and needs no imagery at all — useful under an NDA.
A circle, a diagonal band and a solid block, overlapping off-grid — the vocabulary of the Rodchenko-and-Bauhaus trademarks in the pages you sent (the Schulpig "VD" mark, the Trautwetter block-letter shield). Built as a personal monogram: favicon, a loading mark, a full-stop at the end of a piece. Bold, but appears exactly once per view.
A true printer's double rule and a historiated first letter, straight from the "Initialen und Signete" plate and the framed Edler & Krische advertisement you sent. The fleuron between rules is a plain diamond, not a drawn flower, so it stays graphic instead of decorative. For opening a note or a project write-up, once per piece.
G1 gives the page its structure; G2 gives you a mark; G3 gives you a way to open a written piece. Use at most two together, and never run G2's diagonal energy against G3's frame in the same view — that's more ink than the page can hold at once.
One rule applied to every photo makes a set of unrelated pictures — birds, a workbench, a portrait, a screen — look like they belong to one person. Shown here on placeholders; send me four real photographs and I'll show the actual thing.
Each photo printed in ink plus the accent, plates slightly offset. The strongest link to your references and the most distinctive. Costs some clarity — bad for screenshots, excellent for landscape and portraits.
A single-ink halftone. Reads as newspaper, forgiving of mediocre source photos, and keeps colour out of the imagery so the accent stays yours alone. The middle path.
No screen, no colour — just good monochrome at full detail. Your bird photography would actually be visible. The quietest option, and the one that most depends on your photos being strong.
The same fact about the same project, written three ways. This choice matters as much as the colour: it is most of what a recruiter actually processes.
Nobody assigned this to me. Releases hurt, so I containerised the services, brought the environments into parity, and put one pipeline between commit and installed system. Install day stopped being an event on the calendar.
A person talking. Warmest, best at the "not a template" job, weakest at sounding senior.
Unassigned work, taken on because releases hurt. Services containerised, environments brought into parity, one pipeline from commit to installed system. Install day stopped being an event on the calendar.
No pronouns, no padding. Reads senior and confident. Risks reading cold — which you said you don't want.
Our releases were a two-day ceremony involving three people and a checklist nobody trusted. I containerised the services, matched the environments, and wrote one pipeline. It is now a command. I did not ask permission.
Room for the goofy and rebellious parts. Most memorable, most polarising. Some recruiters will love it; a conservative one won't.
I build one specimen sheet in your chosen palette, type and marks — a cover, a set of headings, a labelled project block, a photo, a button. One page, no website.
We adjust it until you'd put your name on it. This is where scratches get added: ink weight, spacing, how loud the accent is allowed to be.
Only then the site. By that point the layout is nearly a formality, because every decision it needs has already been made here.
One palette (P1/D1 / P2/D2 / P4/D4 / P5/D5), one type pairing (T4 / T5 / T2 / T3), and a reaction to the marks (G1 / G2 / G3) and the voice (V1 / V2 / V3).
"I hate all three" is a useful answer. So is "P2 but warmer" or "T3 headlines with T1 body".
Also useful whenever you have it: four photographs (a bird, a workbench or printed part, a Madrid street, and you), and your actual name as you want it to appear.
The earlier webpage drafts are still in the project as Portfolio Directions. Ignore them for now — we'll return to layout at Step C.