Inside the twks website design
twks is a creative website built with custom code. Its pages are built from hero, features, other, editorial, and footer sections, shown here in full-page captures and a scroll recording. Typography: GT Standard. Palette: #FFFF60, #E0A020, #A0A060.
twks is a creative agency based in Geneva, specialising in branding, communication and web design. Since 2011, we have been shaping bold and unique brands. Its visual style is minimal, bold, and typographic, with navigation bar, hero with background imagery, and feature card among its components.
Why we picked it
A real street poster shot in a shadowy park grounds the agency in actual city life before bold black headline type takes over on white. Case studies are shown as a loose two-column grid of posters, packaging and signage in clashing yellow, pink and orange, letting the varied client work itself demonstrate range rather than describing it.
What to look for
- Hero: a specific headline instead of a generic slogan
- Features: benefits framed around what the user gets, not internal capability names
- Editorial: expressive typography with comfortable reading measure
- Footer: grouped navigation with clear column headings
Questions designers ask
What fonts does twks use?
twks uses GT Standard, read from the fonts loaded on the captured page.
What is the twks website built with?
The twks website is built with custom code, detected when the page was captured.
What colours does the twks website use?
The captured palette includes #FFFF60, #E0A020, and #A0A060.
What sections does the twks website have?
The twks website includes hero, features, other, editorial, and footer sections. Each one opens on its own page, so you can compare it with the same section on other websites.
Can I use twks's design for my own project?
Use it as a reference for structure, hierarchy, and style rather than something to copy. The DESIGN.md download summarises twks's typography, colours, and components for your team or an AI tool.
