Green and violet northern lights over snowy fells at night. Below them, a small red cabin with warm, lit windows stands among birches.

Small-group winter trips Lapland, Lofoten, Svalbard

Where do you want to wake up this winter?

Our trip planners are out under the lights right now. See this winter’s trips, or write to plan@tundraandtide.example and we’ll answer by morning.

Ask in your own words. Our trip planner answers right here, in seconds.

Trips this winter

Trips this winter

Four small-group trips, from December to April. Flights, a local guide and warm clothing are always included.

Family favourite

Abisko · For families

Aurora Family Week

Husky rides in the afternoon, an aurora hut with hot chocolate at night, and a guide who wakes you if the sky lights up.

6 nights Feb – Mar

from €1,890

Per adult. Children €1,150.

Lofoten · Slow travel

Lofoten by Rorbu

Red fishermen’s cabins on stilts over the water, peaks straight out of the sea, and long pink afternoons.

7 nights Feb – Apr

from €2,150

Per person, flights included.

Finland · Active

Husky Trail, Finnish Lapland

Drive your own team through snow-heavy forest, and sleep in wilderness cabins with a wood-fired sauna.

5 nights Dec – Mar

from €2,480

Per person, flights included.

Svalbard · Expedition

Svalbard Polar Night

Blue light at noon, a boat trip into the ice fjord, and a sky dark enough for the aurora at lunchtime.

4 nights Dec – Jan

from €2,990

Per person, flights included.

Why travel with us

Small groups of 8

Never more than eight travellers with one guide. There’s a seat by the fire for everyone, and never a coach.

Local guides

Our guides live where you’re going. They know which valley stays clear when the coast clouds over.

Flights and gear included

Flights from London, Amsterdam or Berlin, and warm boots, overalls and mittens waiting for you at the lodge.

The guide knocked at half past eleven. Ten minutes later, all four of us were lying in the snow in borrowed overalls, watching the sky move. The kids still talk about it.

Hannah Price · Aurora Family Week, February

How it works · Stand Inline

The hero is the conversation

Some sites exist to start conversations: a trip, a project, an event nobody has planned yet. There, the question can be the page. The greeting is the headline, the box under it is the only call to action, and the first message lifts the conversation into a focused view where the answer gets the whole screen.

Try it

  1. Watch the box in the hero: it types out what people ask here. Click a suggestion, or write your own, like “Lofoten in March, on a budget”.
  2. Your first message lifts the conversation into a focused view. The page blurs behind it, and nothing else competes with the answer.
  3. Press Esc, the collapse button, or the blurred page to go back. The conversation stays in the hero, and its expand button lifts it again.
  4. Or : scripted, nothing is sent.
Chats here use site="demo", Stand Chat's shared demo site. Its demo Stand-in reads the page's private prompt, but it may still decline to speak for a made-up travel company. With your own Site ID, your own Stand-ins answer, trained on your website.

The element

<script type="module" src="stand-inline.js"></script>

<stand-inline
  id="ask-trip"
  site="YOUR-SITE-ID"
  look="stage"
  grow="focus"
  greeting="Where do you want to wake up this winter?"
  placeholder="Somewhere we can see the northern lights with kids | A week of husky sledding, not too cold | Lofoten in March, on a budget"
  suggestions="Northern lights with kids | A week of husky sledding | Lofoten in March"
  prompt="The visitor is on the home page of Tundra & Tide. Aurora Family Week, Abisko: 6 nights in February and March, from €1,890 per adult… Recommend one trip, then ask about ages, dates and budget, one question at a time."
  analytics-id="home-hero-concierge">
  <h1 slot="headline">Where do you want to wake up this winter?</h1>
  <div slot="offline">Our trip planners are out under the lights right now…</div>
</stand-inline>

<button type="button" onclick="document.getElementById('ask-trip').focus()">Plan my trip</button>

Make it yours

The element reads the page's colors, but it can't read them out of an illustration. On a dark hero, set the night colors yourself: they also color the focused view.

stand-inline {
  --si-page: #0E1630;
  --si-surface: #121B38;
  --si-ink: #F4F6FB;
  --si-accent: #7CF2C3;
  --si-line: rgb(234 241 251 / .18);
  --si-stage-size: clamp(2.4em, 6vw, 5em);
  --si-stage-weight: 400;
  font-size: 18px;
}

stand-inline::part(headline) { font-family: 'Young Serif', serif; }
stand-inline h1 { margin: 0; font: inherit; }

/* The focused view: an aurora glow on the sheet, a night-blue blur behind it. */
stand-inline::part(sheet) {
  background:
    radial-gradient(90% 60% at 50% 0%, rgb(92 225 182 / .16), transparent 70%),
    #121B38;
}
stand-inline::part(dialog)::backdrop {
  background: rgb(6 10 28 / .3);
  backdrop-filter: blur(12px);
}

The send button takes the aurora green and picks a dark arrow by itself, because the green is light.

Good to know

Copy this example

npx degit standchat/examples/stand-inline my-stand-inline