Migration Fund
Work with us to bring about a world in which everyone is free to move, and no one is forced to move.
Standard page with hero image
Summary sentence in the hero section is optional. Ideally, it should not be used if there is a summary below the hero.
Photo credit: Optional attribution
Summary below the hero section is optional. Ideally, it should not be used if there is a summary in the hero.
Section heading lorem ipsum
Paragraph text can be strong, have emphasis and contain links lorem ipsum dolor sit amet, consectetur adipiscing elit egestas luctus lectus dignissim tristique mus.
Heading medium lorem ipsum dolor
Paragraph with references lorem ipsum. Vestibulum eros enim aenean et odio neque. Proin vel enim velit. Vivamus vulputate tempor neque sed venenatis. Nunc aliquam consectetur aliquam. Curabitur id, venenatis id mi.
Heading small after paragraph lorem ipsum
Paragraph heading lorem ipsum dolor
Bulleted lists can make blocks of text easier to read. Each item can be strong, have emphasis and contain links. Make sure that:
- you introduce bulleted lists with a lead-in sentence and a colon
- if your list consists of single words or short phrases, begin each new bullet in lower case and do not put full stops at the end of each point
- when each bulleted point contains several sentences, follow sentence case and use full stops at the end of each sentence
- the last bullet point in a list ends with a full stop.
Paragraph heading lorem ipsum dolor
- Bulleted lists have a ruled option for a list that does not read continuously and requires some emphasis
- Another bulleted list with rule.
Paragraph heading lorem ipsum dolor
- Numbered lists can be used instead of bulleted lists when the order of the items is relevant
- Each numbered list item text can be strong, have emphasis and contain links.
Paragraph heading lorem ipsum dolor
- Numbered lists have a ruled option for a list that does not read continuously and requires some emphasis
- Another numbered list with rule.
Paragraph heading lorem ipsum dolor
-
Icon lists can be used when talking about themes.
-
Each icon list item text can be strong, have emphasis and contain links.
-
There should be no more than five items in one list
Inset text blocks can help users identify and understand important content on the page. They can be used for quotations and can contain strong text, and emphasis.
Quotation source optional
Link optional
Paragraph text can be strong, have emphasis and contain links lorem ipsum dolor sit amet, consectetur adipiscing elit egestas luctus lectus dignissim tristique mus.
1
2
Paragraph text can be strong, have emphasis and contain links lorem ipsum dolor sit amet, consectetur adipiscing elit egestas luctus lectus dignissim tristique mus.
Summary accordion closed
Summary accordions are used when an introductory sentence is needed.
Summary accordion open
Summary accordions are used when an introductory sentence is needed.
Paragraph text can be strong, have emphasis and contain links lorem ipsum dolor sit amet, consectetur adipiscing elit egestas luctus lectus dignissim tristique mus.
Job title
Photo credit: Optional attribution
Paragraph text can be strong, have emphasis and contain links lorem ipsum dolor sit amet, consectetur adipiscing elit egestas luctus lectus dignissim tristique mus.
Small call to action
A small block used to encourage users to perform an action, such as moving to another piece of content.
Paragraph text can be strong, have emphasis and contain links lorem ipsum dolor sit amet, consectetur adipiscing elit egestas luctus lectus dignissim tristique mus.
Photo credit: Optional attribution
Large call to action
A large eye-catching block used to encourage users to perform an action, such as moving to another piece of content or getting in touch. The large CTA should only be used once per page to make the desired action clear to users.
‘Testimonials are large quotations with unique text not repeated from the main content. They are attributed to a source and can include an optional action link.’
Testimonial source
‘Testimonial with action link’
Testimonial source
Statement block with image
The statement block is reserved for impactful content. It is best kept concise, under 300 characters, and used sparingly, except for the About page. It can be used with or without an image.
Photo credit: Optional attribution
The area below the statement can contain the following blocks:
- accordions – default, numbered, person and summary
- headings and paragraphs
- images and captions
- inset text
- links – action and download
- lists – bulleted, numbered and icon
- the one-column content card
- the small call to action
- videos and transcripts.
Statement block without image
The statement block is reserved for impactful content. It is best kept concise, under 300 characters, and used sparingly, except for the About page. It can be used with or without an image.
The area below the statement can contain the following blocks:
- accordions – default, numbered, person and summary
- headings and paragraphs
- images and captions
- inset text
- links – action and download
- lists – bulleted, numbered and icon
- the one-column content card
- the small call to action
- videos and transcripts.
Related content
-
-
About Paul Hamlyn Foundation
At Paul Hamlyn Foundation, we work collaboratively with organisations and individuals who are working to build a just society.