Light, not empty
White and panel grey carry almost everything. One true-black moment per page does the work three colours used to do.
A personal interface for making, noticing and connecting.
Jakob List.
A living place for work in progress, useful tools, curious experiments and the ideas that connect them.
- Mode
- Personal / public
- Base
- Italy x Germany
- State
- In motion
One person.
Many instruments.
Jakob List is not a portfolio archive. It is a readable surface for a person who moves between design, technology, business and curiosity.
The site should make the person legible before it makes the work impressive. Visitors should quickly understand how Jakob thinks, what he is exploring now and where a useful conversation might begin.
The site's interaction language remains available: spatial navigation, live scenes, tools and evidence. The difference is tone. This system is quieter, more restrained and more considered.
Personal,
with structure.
- 01
Presence before polish
Show the current point of view, not only finished outcomes.
- 02
Evidence before claims
Let projects, prototypes and tools demonstrate capability.
- 03
Useful curiosity
Experiments should invite participation or leave the visitor with a new question.
- 04
Simple doors
Every layer of the site should make the next meaningful action obvious.
- 05
Keep the human edge
Specific language, small observations and visible judgment create trust.
Quiet field.
Clear light.
Brandmark / usage
A separate piece, used on purpose
The JL badge is a signature, not a headline graphic. It never fills a hero, never repeats as pattern, and always keeps its own fixed relationship to the wordmark next to it. This is its neutral rendering — no colour, tone only.
- WhereHeader lockup, browser tab, footer credit. Not the hero, not a bullet or divider.
- Minimum size22px badge. Below that, drop the mark and use the wordmark alone.
- BackgroundWorks on white, panel grey or true black. Never on a mid-grey — contrast drops too far.
- Don'tRecolor it, stretch its proportions, rotate it, or pair it with a second mark.
Paper
Grey
Graphite
One typeface, said clearly
The system face at a few confident weights — no pairing to choose, no voice to retune. Restraint is the decision.
Reveal the thought
Use transitions to expose relationships, states and process. Avoid motion that turns a personal site into a showroom.
Type specimen / voice
Ideas become useful when they meet a real person.
San Francisco / system sans — regular & semiboldA site that
keeps moving.
Current signal
What Jakob is thinking, making or looking for right now.
Start with the personSelected work
Projects as stories, with decisions and outcomes visible.
Evidence over archiveExperiments
Interactive prototypes, tools and unfinished questions.
Participation is proofNotes and signals
Short observations, references and useful connections.
Small but specificContext
A compact human profile, capabilities and ways to work together.
Make contact easyPrivate workspace
Planning, finance, imagery, projects and operational systems.
Private by defaultFunctional,
with feeling.
Live surface / 01Listening
Current signal
Open the page with a thought, a question or a piece of work. Let visitors choose their depth.
From direction
to website.
01
Approve the voice
Confirm the personal positioning, palette and type relationship.
Design review02
Build the shell
Translate the navigation, rail, responsive rules and accessibility states.
Interaction prototype03
Place real material
Bring in projects, experiments, tools and current signals.
Content pass04
Release in layers
Launch the personal surface first, then expose deeper tools deliberately.
Production rollout