St Monica's Catholic Primary School

Typography

Home » Typography

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

This is a standard paragraph of text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut nec varius metus. Quisque nisl est, interdum eu augue eget, imperdiet commodo diam. Vivamus a tellus quis dolor mattis rhoncus ut nec nisi. Etiam suscipit urna eleifend, finibus eros sed, commodo dui. Etiam dictum porta lorem eget accumsan. Duis sit amet iaculis erat, non aliquet mi. Suspendisse fermentum arcu vel sem sollicitudin vestibulum. Phasellus vitae enim convallis, vestibulum elit a, porta urna. Suspendisse sit amet est a turpis vestibulum vulputate ut sit amet turpis.

This is text media block

This text is Thin. Lorem ipsum dolor.

This text is Extra Light. Lorem ipsum dolor.

This text is Light. Lorem ipsum dolor.

This text is Regular. Lorem ipsum dolor.

This text is Medium. Lorem ipsum dolor.

This text is Semi Bold. Lorem ipsum dolor.

This text is Bold. Lorem ipsum dolor.

This text is Extra Bold. Lorem ipsum dolor.

This text is Black. Lorem ipsum dolor.

sample image

Small text

Medium text

Large text

Xtra large text

Here is a link in a paragraph of text.

Here is some bold text. Here is some emphasised text.

  • This is an unordered list
  • Item 2
  • Item 3
  • Last item
  1. This is an ordered list
  2. Item 2
  3. Item 3
  4. Last item

Details

This is a details block

This is the details content

Yoast Breadcrumbs

Home » Typography

Quotes

This is a quote block.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

This is the quote citation

This is the pullquote block

Here is the citation

Table block

Column 1
Column 2
Column 3
Row 1
Two
3
Row 2
Beta
5
Here is a table caption

Separator block

Code block

This is inline code
This is the preformatted bock

Buttons

These are the default colours. Change these to the theme colours to test. It’s important to check all of the button colours on the website designs, but also other colour combinations that aren’t on the designs in case they’re added in the future.

Check for both functionality and accessibility.

Default button

Default button

Fill Button with background

Button with Secondary bg

Outline Button

Secondary Outline Button 2
Outline Button 3

Media blocks

Image block

Improve search rankings

This is a Media and Text block

customer values

This is a cover block with 20% tint and parallax

Video block

Can be Youtube, Vimeo etc

File block (pdf)

indigotree-styleguideDownload pdf document

Column and Group blocks

One column of text with narrow column

Donec vehicula diam sollicitudin, pretium sapien in, hendrerit magna. Maecenas tincidunt dapibus iaculis. Aliquam in fringilla arcu. Sed porta vel augue eu feugiat. Nam vitae sodales nisl. Cras pretium dolor sit amet egestas dignissim. Suspendisse id odio tincidunt, facilisis erat in, ultricies sem. Vivamus a neque quis metus porttitor dapibus.

Two column layout

Aliquam et tempor ligula. Aliquam sed sem convallis, molestie eros vitae, dictum purus. Suspendisse sagittis lacus in lacus varius, quis posuere metus ultrices.

Donec vehicula diam sollicitudin, pretium sapien in, hendrerit magna. Maecenas tincidunt dapibus iaculis. Aliquam in fringilla arcu. Sed porta vel augue eu feugiat. Nam vitae sodales nisl. Cras pretium dolor sit amet egestas dignissim. Suspendisse id odio tincidunt, facilisis erat in, ultricies sem. Vivamus a neque quis metus porttitor dapibus.

Three column layout

Maecenas maximus egestas finibus. Praesent metus metus, laoreet ut erat non, dictum cursus metus. Aliquam bibendum justo in quam aliquam, vitae congue nunc tincidunt.

Nam a nibh sed magna pharetra fringilla. Aliquam nisl mauris, tincidunt quis velit a, ultrices fringilla orci. Nunc efficitur augue vehicula nunc euismod ultrices eu ut lectus. Maecenas sit amet leo elementum, posuere magna a, efficitur leo. Donec a pellentesque libero.

In suscipit tortor aliquet enim tempus pellentesque. Phasellus efficitur risus sit amet risus blandit efficitur. Aliquam viverra feugiat massa in iaculis. Suspendisse potenti. Nam a erat pulvinar, luctus turpis nec, rhoncus sem. Aliquam est lorem, rhoncus ut sagittis vitae, laoreet non libero.

This is a full-width group block

This is a standard-width group block

Posts and query blocks

Latest posts

Latest posts

  • Cross Country Competition at Forty Hall
    by Kate Baptiste
    Lots of children from Years 5 & 6 trialled for the inter-school cross country competition that took place at Forty Hall on Friday 11th October. We were able to take five boys and five girls to participate. Congratulations to Eirinn, Paloma, Florence, Aoife, Chloe, Ethan, Dougie, Luca, Finnan and Senan who represented St Monica’s. It […]
  • Bishop John Sherrington’s visit for our 70th anniversary
    by Kate Baptiste
    On Wednesday 9th October, Bishop John Sherrington visited our school to celebrate Mass for our 70th anniversary! Well done to our altar servers Aidan, Theo, Reuben and Charlotte and our readers Seth, Elizabeth, Rose and Charlie. The children sang beautifully, accompanied by Mr Charles-Nelson. After Mass, Bishop John went to visit our two Reception classes […]
  • Best Footballers Tournament
    by Kate Baptiste
    Our Year 6 footballers have been busy taking part in tournaments after school on Mondays for the last three weeks. The ‘best footballers’ tournament allowed us to choose the best players which could include boys and girls from Year 6. Over the tournament, they lost 2, won 2 and drew 2, which overall resulted in […]

Archive list

Post template

Blocks from plugins

Gravity forms

Accordion item

Plain accordion

Title for accordion

Content in accordion

more content in accordion

Accordion with yellow number

1Lorem ipsum dolor

Lorem ipsum dolor.