DiviGrid · Off Canvas for Divi 5

Off Canvas: a whole panel behind one click

Open any Divi Library layout from an icon, a line of text or an image. It slides, pushes, folds or ripples in from any side of the screen.

Open a panel →

This is the panel

A Divi Library layout, opened by one Off Canvas module.

Build it like any section: menus, carts, forms, filters, size guides, show notes, booking details. Anything you can put on a page.

Left · right · top · bottom

Click or hover

Icon, text, image

Own overlay colour

14 animations

Close it with the × or a click on the dark overlay.

Every section below opens its own panel. Each one uses a different animation.

Slide

Push

Reveal

Fade

Skew

Blur

Wipe

Flip

Rotate page

Cube

Liquid

Halftone

Radar

Blinds

The 14 panel animations

FORM

01  Buildings 48 stories

02  Interiors 31 stories

03  Cities 19 stories

04  Interviews 12 talks

05  Archive 2009 – today

Grey apartment tower seen from below

Issue 14 · The Quiet Concrete issue
On newsstands now. Print + digital £36 a year.

Use case 01 · Magazines & editorial

The Quiet
Concrete Issue

Tap the green button for the full-screen menu. It closes in strips, like window blinds.

Left · Blinds · icon trigger · panel width auto, section 100vw

Spaghetti, basil, tomatoes and chillies on a kitchen counter

Use case 02 · Food & recipes

Salt Lane Kitchen

Orecchiette with blistered tomatoes & basil

25 min

Serves 4

Vegetarian

A weeknight pasta: tomatoes blistered in hot oil until they burst into a sauce. Keep the shopping list open beside the method.

Ingredients (9) ›

Ingredients · serves 4

Orecchiette with blistered tomatoes

Hands holding a bowl of cherry tomatoes
  • ○  400 g orecchiette
  • ○  500 g cherry tomatoes
  • ○  4 garlic cloves, sliced
  • ○  1 red chilli
  • ○  5 tbsp olive oil
  • ○  1 big bunch of basil
  • ○  60 g pecorino
  • ○  Zest of 1 lemon
  • ○  Salt and black pepper

The page moved over to make room: that is the Push animation.

Right · Push · text trigger styled as a pill

Use case 03 · Museums & galleries

Halden Sculpture Hall

Room 3 · Figures in stone and bronze. Click a work to read its label.

Black and white stone angel

Room 3 · Stop 07

The Night Watcher

Unknown maker

c. 1870 · carved limestone · 190 cm

Found in the old cemetery wall in 1962, the angel turns away from the viewer. Stand to the left to see her face.

▶

Audio guide · stop 07
2 min 40 s · English, Norsk, Deutsch

The Night Watcher
c. 1870 · stop 07

Golden winged statue on a column against the sky

Room 3 · Stop 12

Victory Ascending

After a Paris workshop

1889 · gilded bronze · 310 cm

Cast in eleven pieces and gilded with gold leaf. It stood on the market column for 90 years before coming indoors.

▶

Audio guide · stop 12
2 min 40 s · English, Norsk, Deutsch

Victory Ascending
1889 · stop 12

Bronze cherub statue

Room 3 · Stop 15

Boy with Wings

Halden foundry

1904 · bronze · 74 cm

A fountain figure, worn smooth where children touched its knee for luck. The water pipe still runs through its back.

▶

Audio guide · stop 15
2 min 40 s · English, Norsk, Deutsch

Boy with Wings
1904 · stop 15

Left · Wipe · image triggers · three triggers, three Library panels

Use case 04 · Wineries & tastings

Vale Hollow Estate

Small-batch wines from one south-facing slope.

Book a tasting ↑

Cellar door · Fri – Sun

Book a tasting

Tastings start on the hour from 11:00. The last one starts at 16:00.

£18

Estate flight
Four wines · 45 min

£32

Reserve flight
Six wines · cheese · 1 h

£65

Walk & lunch
Vineyard walk · three courses

Bottom · Cube · height 64vh · the drawer turns up like the side of a box

Use case 05 · Brands with shops

Spoke & Gravel

All-road bikes, built in small batches in the Pennines. Steel frames, wide tyres, no fuss.

Find a dealer

Two cyclists on a shaded road

Dealers near you

Test-ride a Ridgeback 2 at one of five shops.

Two Rivers Cycles
Hebden Bridge

4 km
TEST RIDES

The Gravel Shed
Todmorden

11 km
TEST RIDES

Moorside Bikes
Halifax

17 km
SERVICE

Cog & Kettle
Skipton

29 km
CAFÉ + SHOP

Northern Spokes
Leeds

38 km
TEST RIDES

Left · Skew · icon + text trigger

Black road bike leaning on a white wall
Folded white jumper with jeans and glasses

Use case 06 · Fashion shops

Northloop · 100% merino

The Harbour Crew

£128

XS

S

M

L

XL

Size guide

Size guide · The Harbour Crew

Relaxed fit. If you are between sizes, take the smaller one.

Size Chest Length Sleeve
XS 86 cm 64 cm 60 cm
S 92 cm 66 cm 61 cm
M 100 cm 68 cm 62 cm
L 108 cm 70 cm 63 cm
XL 116 cm 72 cm 64 cm
Close-up of white yarn

How to measure
Chest: under the arms, round the widest part. Length: from the top of the shoulder to the hem.

Right · Flip · plain text link as the trigger

Use case 07 · Festivals & events

LOW TIDE

14 – 16 August · Harbour Fields · 3 days, 2 stages

Full line-up ↓

FRIDAY 14 AUG
Velvet Harbour
Kite Season
The Brine
Saltmarsh DJs

SATURDAY 15 AUG
Moon Unit Six
Ola Ferreira
Tidepool
Grey Gulls

SUNDAY 16 AUG
Neon Pier
Little Lighthouse
Sea Glass Choir
Sunrise set

Weekend £89 · Day £45 · Under 12s free

Top · Halftone · height 80vh · the panel prints in like a dot screen

Use case 08 · Apps & SaaS

Research notes your whole team can find

Fieldnote keeps interviews, quotes and themes on one board. The help bubble opens the help centre without leaving the page.

Help centre

Hi there. How can we help?

Import from Notion or Word
3 min read

→

Share a board with a client
2 min read

→

Tag interviews by theme
4 min read

→

Billing and seats
5 articles

→

●  All systems normal

Chat with the team · replies in about 5 minutes

Need help? Click the bubble.

Right · Rotate page · icon trigger in a round bubble

Interview board

12 notes

■  “I export everything to a spreadsheet first.”

■  “Our clients never open the PDF.”

■  “Tagging takes longer than the interview.”

Host speaking into a studio microphone

Use case 09 · Podcasts & audio

NIGHT SHIFT · EP 42

The city at 4am

Bakers, porters and bus drivers: the people who keep a city running while it sleeps. 58 minutes.

Close-up of a studio microphone
Headphones on a dark wooden desk

Hover for show notes

Show notes · Episode 42

The city at 4am

00:00  Cold open on the night bus

03:12  Baker Ayo starts his shift

14:40  A taxi driver who only listens to opera

27:05  The hospital porters’ tea round

41:30  Street sweepers and the first light

52:18  Credits and next week

Guests
Ayo Martins, Rita Kowal, the night crew of Ward 9

Move the mouse away and the panel closes again (hover trigger).

Left · Blur · hover trigger

Sand dunes with footprints

Use case 10 · Holiday homes

Casa Dune

A four-bedroom house where the dunes begin. Pool, roof terrace, and nothing but sand to the west.

4 bedrooms

Sleeps 8

Private pool

Check availability

Woman sitting at the edge of a blue pool
Bedroom with warm lamps and a woven wall hanging

Availability · 2027

From €420 a night · 3 nights minimum

May

6 nights left

June

3 nights left

July

Fully booked

August

1 week left

September

Open

Right · Liquid · the panel pours in with a wavy edge

NOIR ATELIER

MENU

NOIR ATELIER — MENU

Instagram  ·  Pinterest  ·  hello@noir.example

Black and white photo of a woman in a wide hat half hidden in shadow

The quiet collection · AW26

NOIR

The quiet collection — Autumn / Winter 26

SCROLL

Paris · Milan · Tokyo

Maison Ellery

Book a call

MAISON ELLERY

Book a free consultation

Tell us about your room. We reply within one working day with a time for a 30-minute call.

Rooms that feel
like you.

Interior design for homes in London and the South Coast, from one room to the whole house.

Living rooms · Kitchens · Bedrooms · Studies

LUMIÈRE

Bag (2)

Your bag · 2 items

Pair of gold hoop earrings on a black reflective surface

Gold hoops

18k gold vermeil · One size
£180

Gold coin pendant necklace with a black stone ring

Pearl pendant

Freshwater pearl · 45 cm chain
£240

Subtotal

£420

Free insured delivery and gift wrapping.

FINE JEWELLERY · MADE IN LONDON

Made slowly,
worn for years.

Recycled gold and ethically sourced stones, finished by hand in our Hatton Garden studio.

Rings · Necklaces · Earrings · Gifts

PULSE

HOURS ↑

PULSE STUDIO

OPEN 7 DAYS.
NO EXCUSES.

Opening hours

Monday – Friday

06:00 – 22:00

Saturday

08:00 – 20:00

Sunday

09:00 – 18:00

TRAIN
LOUDER.

Strength, HIIT and mobility classes in central Manchester. First week free.

HIIT · STRENGTH · MOBILITY · BOXING

Ember & Oak

See the menu

TONIGHT’S MENU

From the fire

Flatbread, smoked butter

£6

Wood-fired dough, whipped butter, sea salt

Charred leeks

£9

Hazelnut, brown butter, crème fraîche

Fire-roasted chicken

£21

Salsa verde, crisp potatoes

Teriyaki short rib

£26

Pickled shallot, sesame

Whole sea bream

£24

Lemon, capers, herbs

Burnt honey tart

£8

Clotted cream

Allergen information on request. A 12.5% service charge is added to tables of six or more.

WOOD-FIRED KITCHEN · SINCE 2011

Fire, flour and
a long table.

Open Wednesday to Sunday, 17:30 till late. 112 Market Row, Bristol.

Book a table · Private dining · Gift cards

wander.

Where to next?

Popular: Santorini · Banff · Victoria Falls · Grand Canyon

Slow travel,
well planned.

Small-group trips and self-guided routes, with local guides on every one.

Tap the search icon in the corner ↗

ATLAS ARCHITECTS

(04) Studio — Oslo / Lisbon

THE PEOPLE BEHIND THE DRAWINGS

Architects, interior designers and makers working across two studios. Click anyone to read how they work.

Ingrid Halden, Founding partner
Bald man in a navy shirt sitting at a white desk against a brick wall

Founding partner

Ingrid Halden

Leads our housing and civic work. Twenty years of projects across Oslo and Lisbon.

ingrid@atlas.example · Oslo / Lisbon

Sana Aziz, Associate director
Woman in glasses sitting in a design studio next to a sewing machine

Associate director

Sana Aziz

Runs the interiors studio and every material library we build.

sana@atlas.example · Oslo / Lisbon

Tomas Nyberg, Senior architect
Man in a pink shirt resting his chin on his hand at a desk

Senior architect

Tomas Nyberg

Timber and low-carbon structures; on site more than at his desk.

tomas@atlas.example · Oslo / Lisbon

Leonor Costa, Interior lead
Man in a denim shirt holding a camera with a leather strap

Interior lead

Leonor Costa

Turns plans into rooms people want to live in. Lisbon studio.

leonor@atlas.example · Oslo / Lisbon

Ingrid Halden
Founding partner

Sana Aziz
Associate director

Tomas Nyberg
Senior architect

Leonor Costa
Interior lead

🌷 Spring weekend: free delivery — tap to see the offer

SPRING WEEKEND

Free delivery on every bouquet over £50.

Order by 2 pm for same-day delivery in Brighton and Hove. Use code SPRING at checkout.

bloom & co.

Flowers that
say it for you.

Seasonal bouquets, hand-tied in our Brighton studio and delivered the same day.

Free delivery ends in

2 Days, 0 Hours, 0 Minutes, 0 Seconds remaining

Bouquets · Plants · Weddings · Subscriptions

Harbor & Vale

Contact (hover)

HARBOR & VALE

Talk to a lawyer today

Free 20-minute first call for new clients.

Call

+44 20 7946 0321

Email

office@harborvale.example

Visit

21 Quay Street, London EC3

Hours

Monday to Friday, 8:30 – 18:00

BUSINESS & PROPERTY LAW

Clear advice,
since 1998.

Commercial leases, disputes and company law for owner-managed businesses.

Offices in London and Bristol

PRICING

Get paid without the chasing.

Starter

£12 / month

For freelancers sending their first invoices.

Team

£29 / month

For studios billing with a few people.

Scale

£79 / month

For finance teams handling many clients.

Compare all features →

Compare plans

Invoices per month

Starter 50 · Team and Scale unlimited

Payment reminders

Starter manual · Team and Scale automatic

Currencies

Starter 1 · Team 12 · Scale 40

Team members

Starter 1 · Team 5 · Scale unlimited

Accountant access

Team 1 seat · Scale unlimited

Support

Starter email · Team priority · Scale dedicated manager

Every plan includes a 14-day trial. No card needed to start.

solace

Build your ritual

YOUR EVENING RITUAL

Three steps to calm skin

Flat lay of serum bottles and creams with green leaves

1 · Cleanse

Oat milk cleanser, 150 ml · £24

2 · Treat

Niacinamide night serum, 30 ml · £32

3 · Seal

Rosehip face oil, 15 ml · £22

Free samples with every order.

CLEAN SKINCARE · MADE IN COPENHAGEN

Skin, simply
cared for.

Six products, no fragrance, nothing you cannot pronounce. Made in small batches and refilled, never thrown away.

Cleansers · Serums · Oils · Refills · Gift sets

VANTA

Tech specs +

VANTA ONE · TECH SPECS

Built for long sessions

Display

4K micro-OLED for each eye

Refresh rate

90 or 120 Hz

Weight

420 g with a balanced rear strap

Battery

Up to 3 hours, hot-swappable

Tracking

Inside-out, six cameras, hand tracking

INTRODUCING VANTA ONE

See
further.

A mixed-reality headset light enough to forget you are wearing it.

4K per eye · 120 Hz · 420 g

Pre-orders ship in March

northstar®

Menu

NORTHSTAR — MENU

Latest work

Team meeting around a white table in a bright office
Empty open-plan office with glass walls and a long table

Brightline · rebrand

Harbour Co. · website

hello@northstar.example

We build brands people remember.

Strategy, identity and websites for companies that are done looking like everyone else.

Branding · Websites · Campaigns

Est. 2014 · Amsterdam

Ever After

Check your date

ENQUIRE

Is your date still free?

Tell us a little about your day. We reply within 48 hours with availability and our 2027 guide.

Bride and groom with a bouquet in a green garden
Groom kissing the bride’s forehead on a wooden bridge
Bride and groom holding each other on a hilltop at dusk

WEDDING PHOTOGRAPHY · ITALY & FRANCE

Love stories,
told in light.

Quiet, honest photographs of the people you love, from the first look to the last dance. Now booking 2027.

Weddings · Elopements · Engagements

AURELIA

Reserve

RESERVE YOUR STAY

Plan your stay

Book direct for the best rate, late check-out and a welcome bottle of local wine.

Where the sea
meets stillness.

A 32-room hotel above the Amalfi coast, with a saltwater pool and a kitchen led by local fishermen.

Suites · Spa · Restaurant · Weddings

Ten panels, ten animations, one module

Off Canvas comes with DiviGrid, together with all our other Divi modules. Import a section and its panel, then edit the panel in the Divi Library.