Web Design Choices That Age Well
By CodexierPublished 6 min read
A company website is rebuilt every few years, usually because it looks dated rather than because it stopped working. That cost is avoidable. Most of what makes a site look old is a small set of fashionable choices layered on top, while the decisions underneath, about structure, type and how content is laid out, barely change. This guide separates the two so your next site is refreshed rather than replaced.
Structure and hierarchy
Structure is the order and grouping of things on a page: what is a heading, what belongs together, what comes first. It does not go out of fashion because it follows how people read, which has not changed. A page where the main message is the largest element, sections are clearly separated, and the eye is led from headline to proof to action reads the same in any era. Sites that look dated usually broke the hierarchy to make room for a trend: three competing hero elements, headings the same size as body text, decorative sections that push the content down. The homepage sequence in our guide to what belongs on a company homepage is one example of a structure that does not expire.
Readable typography
Type is the largest part of any page and the part visitors spend the most time with. It is also where most sites can improve without a redesign.
| Choice | Ages well | Dates quickly |
|---|---|---|
| Typeface | A well-made sans or serif with full character support, including å, ä and ö | Display fonts used for body text; the novelty font of the year |
| Body size | Large enough to read on a phone without zooming | Small type to fit more in |
| Line length | Roughly sixty to seventy-five characters | Full-width paragraphs on desktop |
| Line height | Open enough that lines do not touch | Tight leading for a compact look |
| Number of styles | Two families, a few weights | Five fonts, every weight |
| Colour | Dark neutral text on light background with measured contrast | Light grey text because it looks soft |
Contrast is measurable and legally relevant; see our guide to brand colours that pass contrast checks.
Restraint with effects
Every era has its effects: drop shadows and glossy buttons one decade, flat everything the next, then glassy blur, huge gradients, scroll-driven animation. Each looks current for a year or two and then marks the site as belonging to that moment. Effects also cost speed and accessibility, which is a reason to limit them regardless of fashion.
- Use motion to explain, not to decorate: a menu opening, a state changing. Anything that moves without a reason will be the first thing you regret.
- Keep one accent treatment for buttons and links and use it consistently; the consistency ages better than the treatment itself.
- Avoid full-screen video and parallax on pages that exist to be read. They are slow, distracting, and unmistakably of their time.
- Prefer real photography of real people and places over illustration styles, which date fast, and over stock photos, which never looked like you.
- Respect the user's reduced-motion setting; it is both an accessibility requirement and a quiet sign of care.
Content-first layouts
A layout designed before the content exists is designed around placeholder text, and placeholder text is always the right length. Real headlines are longer, real lists have seven items, real case studies need a table. Sites that age well were laid out for the actual content, so they still hold together when the content changes.
Write first
Draft the real pages before design starts. The layout then serves the text instead of the text being cut to fit the layout.
Design the components, not the pages
A heading, a paragraph, a list, a table, a card, a form. Pages are assembled from them, and new pages inherit the look without new design work.
Leave room to grow
A navigation that fits five items today should still work with eight. A grid that works with three services should work with four.
Keep imagery replaceable
Photos change more often than layouts. Use consistent crops and sizes so a new photo drops in without a redesign.
Refreshing without redesigning
With a sound skeleton, a refresh every couple of years is a small project: update photography, adjust the accent colour or button style, swap the one decorative effect, tighten the copy. The structure, the type system and the component set stay. That is the difference between a design refresh you can do in a week and a rebuild that takes a quarter and risks the search rankings. A UX audit is the usual starting point: it tells you which parts are actually costing enquiries and which just look their age.
When a rebuild is the right call anyway: if the structure was never sound, the platform is unmaintained, or the site cannot be edited without a developer, no amount of refreshing fixes it, and we will say so rather than sell you an audit first. If you are not sure which situation you are in, book a free 15-minute call and send the address; the answer is usually visible in a few minutes of looking.
Frequently asked questions
How often should a company website be redesigned?
If the structure is sound, a full redesign is rarely needed more than once in five to seven years. A lighter refresh of photography, colour accents and copy every two years keeps it current in between.
Is minimalist design the same as timeless design?
No. Minimalism is itself a style and can look dated when it is done as a look. Timeless design is about hierarchy, readable type and content-first layout, which can be minimalist or richly detailed.
Do we need a custom typeface?
Rarely. A well-chosen system or open-source typeface with full Nordic character support and a range of weights serves most companies for years. Custom type is a brand investment that pays off only at a certain scale.
Can an old site be refreshed rather than rebuilt?
Often, if the content structure is right and the platform is maintained. Update type sizes, contrast, photography and buttons, remove dated effects, and keep everything else. If the platform is unmaintained or editing requires a developer, rebuild.
Does your site look older than it is?
Send us the address. In fifteen minutes we tell you which parts are dated skin, which are structural, and whether a refresh or a rebuild is the honest answer.
Book a free 15-minute call