The challenge
A marketing site has to load instantly, rank well, work for everyone, and stay easy to update — without dragging in a heavyweight CMS or a page builder that fights you the moment you want something custom.
Our approach
We build on a small, hand-authored design system: a set of CSS custom properties (color, spacing, type scale, radii) that keeps every page visually consistent and trivially themeable. Content lives as typed data, so the same source can drive a homepage preview and a full detail page without duplication.
Everything compiles to static files — no server to run, no database to secure. SEO and accessibility are built in from the first commit rather than bolted on later.
What we deliver
- A responsive layout with fluid typography that adapts from phone to widescreen with no horizontal scroll.
- Content-as-data so non-trivial sites stay declarative and easy to edit.
- Full SEO: per-page titles and descriptions, Open Graph, JSON-LD structured data, sitemap, and robots.
- Accessibility baked in: skip links, visible focus states, semantic landmarks, alt text, and reduced-motion support.
- Generated SVG artwork and icons — crisp at any resolution, zero image-weight cost.
Example configuration
Design tokens live in one place and drive the whole system; content is typed data the pages render from.
:root {
--bg: #f4f7fb;
--surface: #ffffff;
--ink: #0f1b2d;
--accent: #2563eb;
--teal: #0d9488;
--radius: 14px;
--maxw: 1140px;
--font-sans: "Segoe UI", Roboto, system-ui, sans-serif;
}
.lead { font-size: clamp(1.05rem, 2vw, 1.2rem); color: var(--ink); }export const serviceCategories: ServiceCategory[] = [
{
id: 'infrastructure',
title: 'Infrastructure & Hosting',
services: [
{ name: 'Production Web Hosting', tags: ['Apache', "Let's Encrypt"],
examples: [{ label: 'Read the case study', url: '/work/production-web-hosting' }] },
],
},
]Outcome
A site that is fast by construction, ranks and reads well, and can be maintained by editing a few typed data files — exactly how this site is built.