Live preview
Ailleurs homepage: a full-bleed photograph of a mountain lake in the Dolomites under the words GO BEYOND set in heavy condensed white capitals
02 / ASTRO THEME

Ailleurs

For places worth the detour.

  • Editorial
  • Journal
  • Photography

The second Quaeris Design release. An escape journal carrying three destinations, a journal with authors and categories, and a WebGL hero that knows when not to run — with the whole demo live and open to inspection.

MEASURED FROM THE DEMO
17.9 KB
JavaScript
18
Indexable routes
0
Blocking stylesheets
2
Font families
AVIF / WebP
Images
Astro 7.3
Built with

Every figure came from astro-design-ailleurs.pages.dev. Open it and check.

One published website. VAT included; the studio licence covers client work. 14 days to withdraw, until the first download.

THE BRIEF

What it is for, and who it suits.

A visual direction for publications that live on photography. Paper, ink and deep forest, condensed display type set the full width of the page, and hairline rules instead of cards. The homepage opens on a landscape you scroll through rather than past — a depth scene that only loads where the machine can carry it, with a still hero as the honest fallback everywhere else.

  • Independent magazines and editorial journals
  • Landscape and travel photographers
  • Destinations, lodges and guides selling a place
  • Anyone whose photographs are the argument
THE PAGE SET

Routes you get, and where they come from.

Every route below is generated at build and served as a static file.

Pages

Written once, edited in place.
  • Home
  • Escapes
  • About
  • Support
  • Contact
  • Privacy

Collections

One Markdown file becomes a route, an index entry and a listing.
  • Escape × 3
  • Article × 3
  • Author × 2
  • Category × 3

System

Generated, never hand-maintained.
  • 404
  • sitemap.xml
  • robots.txt
  • site.webmanifest
DESIGN NOTES

The decisions behind the look.

01

The crossing is a desktop experience, on purpose.

Scrolling the hero drives a Three.js depth scene through the photograph. On a phone the same scene cost about 39 seconds of main-thread time over slow 4G, so it is not degraded there — it is never downloaded. The still hero is also the fallback for reduced motion and for machines without WebGL, and it was designed to be good on its own.

02

One component owns every image.

Photographs reach the page through a single Photo component, so formats, responsive widths and loading hints live in one file. A build integration then fails the build if anything ships as something other than AVIF or WebP, which makes bypassing that component an error rather than a habit.

03

Four config files, not a search and replace.

Identity, contact form, analytics and newsletter each have one file. Pick a provider and forget its key and the build says so and falls back, rather than shipping a form that posts into nothing or a consent banner for a tool that sets no cookies.

04

An empty category gets no URL.

Eight categories are defined; the three holding a story are the three that become pages. Thin content dilutes a sitemap, so the route list is generated from what has actually been written rather than from what has been declared.

PALETTE
  • Paper #f5f5f1 Page ground
  • Ink #192220 Text and hairlines
  • Forest #202b27 Dark bands and footer
  • Violet #7353cc The one accent
TYPEFACES
Display
Barlow Condensed Weight 600, set full width
Body
DM Sans Weight 400 and 500
WHAT SHIPS WITH IT

Know what you’re getting.

A good-looking screenshot is the beginning. The details help you choose.

01 / THE PAGES

A view of the whole site.

Every release lists its page set, from the homepage to the article, author and category templates your project actually needs.

Page list with each release
02 / THE EXPERIENCE

Every screen matters.

Desktop and mobile layouts, navigation, focus states and interactions, checked at the widths people actually use rather than the one the screenshot was taken at.

How customisation works ↗
03 / THE HANDOVER

The details, before you buy.

Source files, installation requirements, licence and support terms are published on the theme page so you can decide before you spend anything.

Exact package with each release
PRICING

A clear price. A clear package.

Pick the design that fits your project. One licence covers one published website; building for clients is the studio licence.

INDIVIDUAL THEMES ON SALE

Find your fit.

€59 a theme

One licence, one published website. Work you deliver to clients is the studio licence: €399 for the whole collection, and a year of everything released after it.

A theme licence
One published project
Client work
Studio licence
Updates & support
Stated per theme
THIS THEME

Everything above, in one download.

Ailleurs, as the complete Astro source. Change anything, deploy it anywhere static, and keep it.

One published website. VAT included; the studio licence covers client work. 14 days to withdraw, until the first download.

ELSEWHERE IN THE COLLECTION

Three more directions.