SafetyCulture
  1. Home
  2. [ SC Website Design System ]

This is a chip

Section - Accordions

Background colour can be changed to white, light gray or dark gray..

Body copy goes here. Body copy goes here. Body copy goes here. Body copy goes here.

Section - Cards

All card styles can be used against white, light gray or dark gray background colour

This is a chip

White style card

Body copy goes here. Body copy goes here. Body copy goes here.

This is a list
This is a list
This is a list
Automated monitoring Section 6 Group 1 - Testimonial Tab 3 Image

This is a chip

Gray style card

Body copy goes here. Body copy goes here. Body copy goes here.

This is a list
This is a list
This is a list
Automated monitoring Section 6 Group 1 - Testimonial Tab 3 Image

This is a chip

Purple style card

Body copy goes here. Body copy goes here. Body copy goes here.

This is a list
This is a list
This is a list
Automated monitoring Section 6 Group 1 - Testimonial Tab 3 Image

This is a chip

Blue style card

Body copy goes here. Body copy goes here. Body copy goes here.

This is a list
This is a list
This is a list
Automated monitoring Section 6 Group 1 - Testimonial Tab 3 Image

This is a chip

Yellow style card

Body copy goes here. Body copy goes here. Body copy goes here.

This is a list
This is a list
This is a list
Automated monitoring Section 6 Group 1 - Testimonial Tab 3 Image

This is a chip

Borderless style card

Body copy goes here. Body copy goes here. Body copy goes here.

This is a list
This is a list
This is a list
Automated monitoring Section 6 Group 1 - Testimonial Tab 3 Image

This is a chip

Section - Cards (NO carousel)

# of columns (1, 2, 3 or 4) can be adjusted

Body copy goes here. Body copy goes here. Body copy goes here. Body copy goes here.

This is a chip

White style card

Body copy goes here. Body copy goes here. Body copy goes here.

This is a list
This is a list
This is a list
Automated monitoring Section 6 Group 1 - Testimonial Tab 3 Image

This is a chip

White style card

Body copy goes here. Body copy goes here. Body copy goes here.

This is a list
This is a list
This is a list
Automated monitoring Section 6 Group 1 - Testimonial Tab 3 Image

This is a chip

White style card

Body copy goes here. Body copy goes here. Body copy goes here.

This is a list
This is a list
This is a list
Automated monitoring Section 6 Group 1 - Testimonial Tab 3 Image

This is a chip

Section - Cards (YES carousel)

# of columns (1, 2, 3 or 4) can be adjusted

Body copy goes here. Body copy goes here. Body copy goes here. Body copy goes here.

This is a chip

White style card

Body copy goes here. Body copy goes here. Body copy goes here.

This is a list
This is a list
This is a list
Automated monitoring Section 6 Group 1 - Testimonial Tab 3 Image

This is a chip

White style card

Body copy goes here. Body copy goes here. Body copy goes here.

This is a list
This is a list
This is a list
Automated monitoring Section 6 Group 1 - Testimonial Tab 3 Image

This is a chip

White style card

Body copy goes here. Body copy goes here. Body copy goes here.

This is a list
This is a list
This is a list
Automated monitoring Section 6 Group 1 - Testimonial Tab 3 Image

This is a chip

White style card

Body copy goes here. Body copy goes here. Body copy goes here.

This is a list
This is a list
This is a list
Automated monitoring Section 6 Group 1 - Testimonial Tab 3 Image

Section - Content block

lone-worker-image-6

This is a chip

Borderless content block with image

Image and text can be positioned either on the left or right side

Body copy goes here. Body copy goes here. Body copy goes here. Body copy goes here.

This is a list
This is a list
This is a list

Thanks to SafetyCulture Certified, I understand how to take our program to the next level. It would’ve saved me a lot of time if we had this from the start.

Name

Title, Company

This is a chip

Borderless content block with form

Form and text can be positioned either on the left or right side

Body copy goes here. Body copy goes here. Body copy goes here. Body copy goes here.

This is a list
This is a list
This is a list

Thanks to SafetyCulture Certified, I understand how to take our program to the next level. It would’ve saved me a lot of time if we had this from the start.

Name

Title, Company

lone-worker-image-6

This is a chip

Light gray content block with image

Image and text can be positioned either on the left or right side

Body copy goes here. Body copy goes here. Body copy goes here. Body copy goes here.

lone-worker-image-6

This is a chip

Light gray content block with image

Image and text can be positioned either on the left or right side

Body copy goes here. Body copy goes here. Body copy goes here. Body copy goes here.

lone-worker-image-6

This is a chip

Blue content block with image

Image and text can be positioned either on the left or right side

Body copy goes here. Body copy goes here. Body copy goes here. Body copy goes here.

lone-worker-image-6

This is a chip

Yellow content block with image

Image and text can be positioned either on the left or right side

Body copy goes here. Body copy goes here. Body copy goes here. Body copy goes here.

lone-worker-image-6

This is a chip

White content block with image

Image and text can be positioned either on the left or right side

Body copy goes here. Body copy goes here. Body copy goes here. Body copy goes here.

lone-worker-image-6

This is a chip

Dark gray content block with image

Image and text can be positioned either on the left or right side

Body copy goes here. Body copy goes here. Body copy goes here. Body copy goes here.

Section - CTA

Container, NO picture

Body copy goes here. Body copy goes here. Body copy goes here. Body copy goes here.

This is a list
This is a list
This is a list
This is a CTA image

Container, WITH picture

Body copy goes here. Body copy goes here. Body copy goes here. Body copy goes here.

This is a list
This is a list
This is a list

Full width, NO picture

Body copy goes here. Body copy goes here. Body copy goes here. Body copy goes here.

This is a list
This is a list
This is a list
This is a CTA image

Full width, WITH picture

Body copy goes here. Body copy goes here. Body copy goes here. Body copy goes here.

This is a list
This is a list
This is a list

Section - Customer logos

Uploading 8 or more logos will trigger a moving carousel. Logos can be in grayscale or colour.

Uploading less than 8 logos will keep the logos static. Logos can be in grayscale or colour.

Section - External Form

You can also adjust the background colour to light or dark gray.

Section - Media

1 image

Frame 1171276250

This is a caption which can include a hyperlink.

1 video

Video 1 thumbnail

Multiple photos

Image
Fishbowl customer image
fishbowl customer story 3
Image
Fishbowl customer image
fishbowl customer story 3

Multiple videos

Video 1 thumbnail
Video 2 thumbnail
Video 3 thumbnail
Video 1 thumbnail
Video 2 thumbnail
Video 3 thumbnail

This is a chip

Section - Home Page Hero

Body copy goes here. Body copy goes here. Body copy goes here. Body copy goes here.

HomePage HeroAO Desktop

Section - List

You can adjust the # of columns (1 - 4)

This is a list
This is a list
This is a list
This is a list
This is a list
This is a list
This is a list
This is a list
This is a list
This is a list
This is a list
This is a list

Section - Stats

You can add up to 4 columns of stats and you can adjust the colours of the stats (blue, yellow, purple, gray).

1x


Gray statistic

2x


Purple statistic

3x


Blue statistic

4x


Yellow statistic

Section - Text editor

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Body copy text.Italicised. Bolded .Underlined. Hyperlink.

Table header cell

Table header cell

Table header cell

Table cell

with supporting text

Table cell

with supporting text

Table cell

with supporting text

Table cell

with supporting text

Table cell

with supporting text

Table cell

with supporting text

Table cell

with supporting text

Table cell

with supporting text

Table cell

with supporting text

Section - Testimonial quotes

1 column, 1 testimonial quote

Heading can go here

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Australian Open Media Section 17 Image 2

Jane Doe

Title, Company name

Learn more

3 column

Heading can go here

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

JD

Jane Doe

Title, Job

Heading can go here

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

JD

Jane Doe

Title, Job

Heading can go here

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

JD

Jane Doe

Title, Job

Section - Tabs

With icons

3x


Audit efficiency

$20,000


Paper waste saved annually

“Using SafetyCulture platform, we have become a paperless HACCP company. There is absolutely no way that we could have grown as fast as we have whilst maintaining quality without these processes and data in place.”

Sofia Dias

Food Safety & Quality Assurance Manager, Marley Spoon

Explore our Manufacturing solution
Australian Open Section 10 Group 1 - Testimonial Tab 2 Image

With customer logos

“We go above and beyond what’s required to ensure guest safety and the best experience every day”

Sarah Porter

Vice President, Sodexo

Learn more
Health & Safety Management (EHS) Section 4 Group 1 - Testimonial Tab 1 Image