01
Hero / page introduction
A concise introduction with a clear next step.
Advice and supportHelp to make your next step
Free, expert advice for people across East London.
Page building blocks
Content block
inventory
A visual library of the reusable patterns Toynbee Hall pages can be built from. Each block supports a different visitor need and follows the Toynbee Hall style guide.
A flexible toolkit
One design system.
Many kinds of content.
Combine these blocks to build service pages, community pages, articles, research resources, venue pages and more. Choose only the blocks that help people understand the subject or take their next step.
Review the website style guide ↗01
Block collection
Help people find their way
Start with a clear welcome, then give visitors useful routes into services and information.
02
Audience pathways
Help people choose the service, programme or support route that fits.
Debt and money ↗Housing advice ↗Community activities ↗
03
Image and text feature
Explain a service or programme alongside contextual photography.
Support shaped around you
Practical support, alongside people and communities.
Explore our work ↗04
Image with caption / gallery
Show a photograph on its own or as part of a curated image sequence.
05
Card collection
Show related services, spaces, people or links as a consistent set.
Community eventsPeople coming together
Our peopleStories from our community02
Block collection
Show the work and its impact
Bring evidence, lived experience and editorial stories together with care and context.
01
Impact statistics
Make a small number of sourced outcomes easy to understand.
140+years in the East End3connected areas of work2024–25reporting period
02
Story or campaign feature
Give one important story a strong editorial moment.
Our communityLocal voices help shape a fairer future
Stories and action, led by the experiences of local people.
03
News, story or event listing
Help visitors scan current updates and choose what to read.
Latest from Toynbee HallNEWS · Our community Community voices shape our work 
EVENT · Advice and support DFA Awards 2023
NEWS · Our community Community voices shape our workEVENT · Advice and support DFA Awards 202304
Quote / testimonial
Share a participant, volunteer, supporter or partner voice.
“Add an approved quote from a participant, volunteer or supporter.”Attribution and context should be agreed before publication.
03
Block collection
Explain clearly
Support longer pages with readable content, useful detail and obvious next steps.
01
Rich text / article
Present detailed information in a readable, well-structured flow.
How we work with local people
We listen, work together and use lived experience to shape practical support and lasting change.
Read about our approach ↗02
Numbered process
Describe how to get help, book a space or complete a task.
- Get in touchTell us what support you need.
- We’ll talk it throughWe’ll help identify the right next step.
- Get adviceReceive clear guidance from our team.
03
Eligibility and important information
Clarify who a service is for, what it covers and its limits.
Who this service is for
Free support for eligible Tower Hamlets residents. If this service cannot help, we’ll signpost you to another organisation.
04
Callout / action panel
Bring attention to an important action or useful contact route.
Need advice?
Talk to our team about the support available.
Contact the advice team ↗05
Contact details
Group phone, email, address and opening information by purpose.
Advice servicesCall 0800 808 5701Email advice@toynbeehall.org.ukOpen daily · 8am–8pm
06
Accordion / expandable detail
Keep secondary details available without overwhelming the page.
What should I bring to my appointment? +
Bring any letters or information related to your question.
04
Block collection
Make activities and resources usable
Present schedules, spaces and publications in formats people can navigate.
01
Schedule / timetable
Show what is happening, when, where and who can join.
Monday11:00 · Community art group
Wednesday10:30 · Shared reading
Friday14:00 · Seated exercise
02
Venue space and gallery
Compare event spaces and show practical details before an enquiry.
Historic event spaceCapacity · Facilities · AccessAsk about availability ↗
03
Download / resource list
Help people identify reports, policies and advice resources.
Research and reportsImpact report 2024–25 PDF · 2.4 MBOur strategy PDF · 1.1 MB
04
Related content / next steps
Offer a small set of relevant onward links at the end of a page.
05
Block collection
Invite people to take action
Make supporter and enquiry journeys clear, trustworthy and accessible.
01
Donation or fundraising appeal
Explain what support makes possible and how to take part.
Help build a fairer East London
Your support helps people access advice, connection and opportunity.
Support Toynbee Hall ↗02
Newsletter signup / enquiry form
Set expectations, collect only what is needed and show clear form feedback.
Tell us how we can help
Send enquiry ↗The foundation
Designed to work for everyone
Outfit typography, Toynbee Hall’s approved palette, real and respectful photography, and the established spacing system carry through every block.
- Clear headings and descriptive links
- Readable body text and strong contrast
- Keyboard focus and touch-friendly controls
- Responsive layouts and meaningful image descriptions