Team type 1 Examples

A collection of interactive Team type 1 Widgets demonstrating different layouts, colour themes, and content densities.

Please note that all colours for these features will match the brand guidelines for your project.

Team type 1 Grey example

In this widget, the text, font, button color, background color, and image can be changed. The border radius of the image and button can also be adjusted — either all corners or any number of corners individually. You can also choose to use either a button or a caption.

Peter Petrovich

Peter Petrovich

Chied Executive Officer
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu felis id est luctus pulvinar. In porttitor ipsum mauris, eget pellentesque velit commodo eu.
Learn more
Harvey Smith

Harvey Smith

Group CEO
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu felis id est luctus pulvinar.
Learn more
Olivia Rhye

Olivia Rhye

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu felis id est luctus pulvinar. In porttitor ipsum mauris, eget pellentesque velit commodo eu.
Read More
Drew Cano

Drew Cano

Associate Director, Real Estate & Infrastructure Debt
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor

Team type 1 Grey example

In this widget, the text, font, button color, background color, and image can be changed. The border radius of the image and button can also be adjusted — either all corners or any number of corners individually. You can also choose to use either a button or a caption.

Peter Petrovich

Peter Petrovich

Chied Executive Officer
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu felis id est luctus pulvinar. In porttitor ipsum mauris, eget pellentesque velit commodo eu.
Learn more
Harvey Smith

Harvey Smith

Group CEO
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu felis id est luctus pulvinar.
Learn more
Olivia Rhye

Olivia Rhye

Managing Director
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu felis id est luctus pulvinar. In porttitor ipsum mauris, eget pellentesque velit commodo eu.
Learn more

Team type 1 Dark example

In this widget, the text, font, button color, background color, and image can be changed. The border radius of the image and button can also be adjusted — either all corners or any number of corners individually. You can also choose to use either a button or a caption.

Peter Petrovich

Peter Petrovich

Chied Executive Officer
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu felis id est luctus pulvinar. In porttitor ipsum mauris, eget pellentesque velit commodo eu.
Learn more
Harvey Smith

Harvey Smith

Group CEO
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu felis id est luctus pulvinar.
Learn more
Olivia Rhye

Olivia Rhye

Managing Director
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu felis id est luctus pulvinar. In porttitor ipsum mauris, eget pellentesque velit commodo eu.
Learn more

Team type 1 Light example

In this widget, the text, font, button color, background color, and image can be changed. The border radius of the image and button can also be adjusted — either all corners or any number of corners individually. You can also choose to use either a button or a caption.

Peter Petrovich

Peter Petrovich

Chied Executive Officer
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu felis id est luctus pulvinar. In porttitor ipsum mauris, eget pellentesque velit commodo eu.
Learn more
Harvey Smith

Harvey Smith

Group CEO
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu felis id est luctus pulvinar.
Learn more
Olivia Rhye

Olivia Rhye

Managing Director
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu felis id est luctus pulvinar. In porttitor ipsum mauris, eget pellentesque velit commodo eu.
Learn more

Team type 1 Brand colour 1 example

In this widget, the text, font, button color, background color, and image can be changed. The border radius of the image and button can also be adjusted — either all corners or any number of corners individually. You can also choose to use either a button or a caption.

Peter Petrovich

Peter Petrovich

Chied Executive Officer
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu felis id est luctus pulvinar. In porttitor ipsum mauris, eget pellentesque velit commodo eu.
Learn more
Harvey Smith

Harvey Smith

Group CEO
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu felis id est luctus pulvinar.
Learn more
Olivia Rhye

Olivia Rhye

Managing Director
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu felis id est luctus pulvinar. In porttitor ipsum mauris, eget pellentesque velit commodo eu.
Learn more

Team type 1 Brand colour 2 example

In this widget, the text, font, button color, background color, and image can be changed. The border radius of the image and button can also be adjusted — either all corners or any number of corners individually. You can also choose to use either a button or a caption.

Peter Petrovich

Peter Petrovich

Chied Executive Officer
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu felis id est luctus pulvinar. In porttitor ipsum mauris, eget pellentesque velit commodo eu.
Learn more
Harvey Smith

Harvey Smith

Group CEO
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu felis id est luctus pulvinar.
Learn more
Olivia Rhye

Olivia Rhye

Managing Director
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu felis id est luctus pulvinar. In porttitor ipsum mauris, eget pellentesque velit commodo eu.
Learn more

Design Studio Widget Basic Reminders

Here are some basic rules to remember for all Design Studio widgets.

01
Unlimited use

Pages can have unlimited Design Studio widgets added, so add as many as you need to showcase your content, or let us handle it for you.

02
Mix the designs

A page can have just one kind of Design Studio widget, or a mixture of different kinds of Design Studio widgets to showcase your content in the best way.

03
Brand ready

Design Studio widgets are optimised for your brand colours, and you can use them in your core brand colours, optional accent colours, or add an image to the background.

04
No programming skills are required

All Design Studio widgets take a few seconds to add to the website admin; no programming skills are required.

05
Easy to use

Step-by-step how-to build tutorials fully support all Design Studio widgets. Installed in seconds, content added in minutes.

06
Never alone

Comprehensive support is provided for all Design Studio widgets.

07
Mobile first design

Design Studio widgets are fully optimised for mobile use.

08
SEO & AI SEO ready

Design Studio widgets are fully optimised for SEO and SEO & AI compatibility.

09
Part time content/messaging

Design Studio widgets can be hidden if the content is, for example, seasonal or required for a set period.

10
Use is not mandatory

Use of Design Studio widgets is optional; if you dont want them, you dont have to use them. But of youa re not using them because you are concerned you dont have the design skills, we can do this work with you/for you.