Widget guide

Heading 1 (to be used in heroes only)

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Body copy - The headline and subheader tells us what you're offering, and the form header closes the deal. Over here you can explain why your offer is so great it's worth filling out a form for.

Bullet style:

  • Bullets are great
  • For spelling out benefits and
  • Turning visitors into leads.

1 Col RTE

We recommend using 'Thin content' layout in most instances as this is an easy line length for users to read and generally we are displaying content left aligned.

Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvina.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvina.

2 Col RTE

2 Blocks of copy side by side with optional links

2 Col RTE

Headline about Travel Tourism marketing

Benefits of having a local team…Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus pronin sapien nunc accuan.

Learn more

Headline about Travel Tourism marketing

Benefits of having a local team…Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus pronin sapien nunc accuan.

Learn more

3 Col RTE

People tend to skim read sites and these bite size chunks of content is perfect for grabbing their attention

Good examples to use them are with listing services or capabilities.

3 Col RTE

Headline about Travel Tourism marketing

Benefits of having a local team…Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus pronin sapien nunc accuan.

Learn more

Headline about Travel Tourism marketing

Benefits of having a local team…Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus pronin sapien nunc accuan.

Learn more

Headline about Travel Tourism marketing

Benefits of having a local team…Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus pronin sapien nunc accuan.

Learn more

Blog posts by tag

Blog header 

14 Aug 2025

UP Strikes GOLD with EcoVadis!

We are delighted to have achieved the prestigious GOLD rating from Eco...

08 Jul 2025

KABOOM! How Alfred Nobel Sparked a Scientific Legacy

The Art of Marketing Science, Episode 3 If episode one asked whether s...

01 Jul 2025
News UK Featured | 3 min read

UP opens Science Hub in Cambridge, UK

UP THERE, EVERYWHERE is excited to announce the opening of its new Sci...

Blog posts home

Case study row

This should ONLY be used on Case study pages to introduce the case study.

Logo size: 300px wide

astrazenca-logo-500w

Intro…Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo com modo. Proin sodales pulvinar sic tempor. Lorem ipsum dolor sit amet, conse ctetur adipiscing elit. Aenean euismod bibendum laoreet. Lorem ipsum dolor sit amet, consectetur adipiscing.

Location

United Kingdom

Sector

Life science

Service

Branding & communications

Customisable button

Use this whenever you need to add a button to a page.

Form footer

Add this element at the bottom of all pages.

Then go to the 'Contents' tab and select the type of form you want to insert into the footer.

We recommend using the 'Footer Office' on Location pages and the 'Footer Person' on services pages. 

Image sizes: 300 x 300px (preferably in colour)

Image Gallery

Allows you to have a carousel of images.

Hero No Box

To be used on Case studies and news articles.

We recommend using the opaque image option so the copy is easier to read.

Use the 'Intro' box to add the sector, service & location.

Also have the option to add a video link or button.

Image size: 1920 x 700px

 

Life science | Branding & communications | Sweden

Page headline

Play video

Hero With Box

To be used on most content pages like the Sectors, Services, Locations, About us etc...

The bottom text is optional
It can be used to show the user the service it's related too e.g. 'Digital Marketing' if you are on the Digital Marking page or to show users our overarching services as shown below.

Sector pages only:
Sector pages should only use the image upload to add the sector UP for logo inserted as shown below.

Image size: 1920 x 700px
Mobile image: 1000(w) x 600px (h)

Pink box to be used on all pages except sector pages where you need to use the related sector colour.

 

Page headline

Introduction text goes here ...

up for people

BRANDING | MARKETING | DIGITAL

Image with RTE

Option to add an image left or right alongside a rich text editor.

Image size minimum size: 585 x 585px 
Recommended: 1000 x 1000px

Recommend adding at least medium top & bottom margin.

 

ph team image)

Section header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvina.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvina.

Logo Carousel

Option to have a full width row of logos which turns into a carousel when more than 6 logos are added.

Option to use the thin content version which works best with 4 logos and sits nicely when used with the thin content 1 COL + RTE widget.

Logo size: 400 x 300px

 

 

Project row

This section should be used to feature a case study.

A title and sector, service & location should be added alongside a powerful background image and client logo.

The colour of the background should be connected to the sector colour.

Desktop image 1920 x 630 px

Mobile image 960 x 630px

Logo: 500 x 300px

 

basel-area-cs-img-mob

Promoting your project here title

SECTOR | SERVICE | LOCATION

View project

astrazenca-logo-500w-1
VIEW MORE WORK

Promo row banner text with image

This row is useful for highlighting a piece of content on the website, for example you can see below it introduces the BASE UP process.

Background colour should be white or light grey (#f2f2f2).

Image size minimum: 600 x 600

Recommended: 1000 x 1000px

 

Promo title here

Promo title here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor.

Learn More

Promo row with content box

This row is useful for highlighting a piece of content on the website when you have an engaging background image you can use.

Option to link to a page or video.

Image size: 1920 x 600px

 

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor.

Learn More

Promo row BG image

Image size: 1920 x 600px

 

Promo title here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor.

Link text for standard link or Video, not CTA

Single insight

These should be saved for announcements like latest news items or winning a project.

Please include the relevant sector, service and location.

Image size: 500 x 300px

 

Single insight title here

SECTOR | SERVICE | LOCATION

Read article

Single testimonial

There should only be 1 or 2 testimonials per page.

And we recommend using the thin column version.

 

“Testiomonal Lorem ipsum dolor sit amet consectetur adipiscing elitet lorem ipsum dolor sit amet consectetur adipiscing elitet.”

Name, Position

Thin RTE

This should be used for large block of copy. As it is a good line length for readability. 

 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvina.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvina.

Thought piece

These are to be used to showcase our experts knowledge in their field. 

They should be used on all sectors pages and most services pages. 

The content should include a quote from the expert reflecting on their industry, to show potential clients that UP people understand their industry and demands in it.

Alongside it should sit a insight article written by the expert featured.

Author image size: 200 x 200px (preferably in colour)

Insight image: 660 x 285px

 

Three people module

This section is to showcase UP team members.

This should be used whenever we want to show UP members on the site, apart from on the people page.

Instead of highlighting too many people instead we will highlight a few and then link to the Our people page.

Please include, job role, something of interest about the person and Country they live in.

Image size: minimum: 526 x 526px

Recommend: 1000 x 1000px 

Image should be informal.

 

Main Section Title

graham

Persons Name

MD at DPC+UP & Head of Digital | Snowboarder | UK

View profile

Profile-Emma

Persons Name

Head of UX & design | Travel enthusiast | UK

View profile

graham

Persons Name

MD at DPC+UP & Head of Digital | Snowboarder | UK

View profile

Video

Module is to be used to show a video with a pop up lightbox.

Background image: 1200 x 700px

 

Video embed

This should be used if the video is not hosted on youtube or vimeo and instead you need to embed it.

 

UP-Australia-KP

Video streamed

Add a video link to play a video on the page.