Inside the Town website design
Town is an AI website built with custom code and Next.js. Its pages are built from features, footer, hero, feature grid, safety, and other sections, shown here in full-page captures and a scroll recording. Typography: Slab (display text and headings). Colours: background #FDFDFC, text #1C1B1B, accent #FCC6F5, surface #FFFFFF.
The unusually helpful AI work assistant. Your Townie works across inboxes, calendars, chats, and apps, learning your people, projects, and voice. Its visual style is minimal, playful, and hand drawn, with announcement bar, navigation bar, and hero among its components.
Why we picked it
A giant serif headline splits around a photo and a hand drawn star mascot, giving a dry software product a storybook feel. Pink highlight marker, cream whimsical illustrations of a finger on a keyboard, and dark bands between sections pace the long scroll into clear chapters so product proof, team views, and security sit apart and easy to scan.
What to look for
- Features: benefits framed around what the user gets, not internal capability names
- Footer: grouped navigation with clear column headings
- Hero: a specific headline instead of a generic slogan
- Feature Grid: mixed card sizes that show priority
Questions designers ask
What fonts does Town use?
Town uses Slab for display text and headings, measured from the captured page's CSS.
What is the Town website built with?
The Town website is built with custom code and Next.js, detected when the page was captured.
What colours does the Town website use?
Measured from the captured page's CSS, the Town website uses #FDFDFC for the background, #1C1B1B for text, #FCC6F5 as an accent, and #FFFFFF for surfaces.
What sections does the Town website have?
The Town website includes features, footer, hero, feature grid, safety, and other sections. Each one opens on its own page, so you can compare it with the same section on other websites.
