Instructions
A short guide to editing the site without breaking it.
Getting started
Install Hugo 0.158 or later, then run hugo server in the site's folder. Every page renders from the files in content and data, so a fresh copy shows the full demo site with no configuration.
Hugo docs : https://gohugo.io/documentation/
Content management : https://gohugo.io/content-management/
Editing content
Long-form entries — posts, projects, case studies — are Markdown under content. Short repeated rows — plans, awards, statistics, questions — are JSON under data. Every list that has an order carries an order field (weight for the projects and case studies); change the number and the page follows.
Changing the design
Colors, type sizes, spacing and radius are design tokens in tailwind/theme.css, with the responsive steps in tailwind/global.css. Component classes are in components.css, which is generated; put your own corrections in additions.css, which is not. Run npm run build:css after a change.
Fonts
Body text is Inter Tight, which ships with the theme. Headings are Tanker by Indian Type Foundry, whose license does not allow it to be passed on with the theme: download it free from Fontshare and copy Tanker-Regular.woff2, unchanged, into your site’s static/fonts/. Until it is there, headings use a system condensed face sized to match.
Tanker on Fontshare : https://www.fontshare.com/fonts/tanker
Inter Tight : https://fonts.google.com/specimen/Inter+Tight
Motion
Everything that moves is driven by a data-anim attribute in the markup, and assets/js/motion.ts decides how. To retime the whole site, or switch an effect off, edit the EFFECTS map — nothing else needs to change. Every effect is skipped entirely for a reader who has asked for reduced motion.
GSAP ScrollTrigger : https://gsap.com/docs/v3/Plugins/ScrollTrigger/
Forms
The contact form and the newsletter sign-ups post to the addresses in params.forms in hugo.toml. Any service that accepts a form post and answers with a success status will do.
Before publishing
Add your copy of Tanker to your site’s static/fonts/, replace the demo photography, set baseURL in hugo.toml, and run hugo --gc. The site is the public folder it writes: upload it to any static host.