A practical reference for the TW identity: the mark, the type, the colour and the character that connect everything we make.
The TW monogram is the primary mark used in the website header. Use the supplied artwork rather than recreating it with a font.
Keep surrounding text and imagery clear of the mark. As a practical starting point, allow clear space of at least one quarter of the mark’s height on every side.
Suggested production guidance. Final print minimum sizes and clear-space specifications should be confirmed against the master artwork.
Good ideas.
Made real.
Headings, body copy and client names. Use confident, closely spaced headings and a lighter accent to create hierarchy.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Independent.
Connected.
Considered.
Section labels, button text and supporting navigation details. Small uppercase labels add structure without competing with the main message.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Keep body copy easy to read. Use sentence case where it feels natural, and capitals deliberately. The website style guide shows the current H1–H6 hierarchy and component examples.
Identity, text and dark surfaces.
Primary actions and typographic accents.
Energy, highlights and expressive panels.
Calm backgrounds and supporting blocks.
Space, clarity and contrast.
Use navy text on yellow, pale blue and white. Use white text on blue buttons, including hover states. Client-specific project artwork may use the client’s own palette.
Use authentic team photographs and approved client imagery. Show the thinking, collaboration and details behind the work. Keep imagery generous and purposeful.
Combine left-aligned editorial headings with generous spacing, rounded panels and simple actions. Use a restrained navy overlay for text on photographs. Hover effects should stay consistent and respect reduced-motion preferences.
Write in UK English. Be concise, warm and direct. Explain the challenge and our contribution in language people can understand.
Use specific, verified examples. Avoid exaggerated claims, generic agency phrases and unapproved results or testimonials.
These are the assets used by the website. Use approved vector master artwork for large-format or print production.