Meridian Expeditions

Screenshots

Signature effect

Procedural topographic sheets: a seeded noise field, marching-squares contour lines and a real route plotted on top, redrawn live for each of the four expeditions

What's in the box

Changelog

1. v1.0.02026-09-25
   • HTML edition: a dependency-free landing page that opens straight from disk, with a settings block for every effect (the two topographic sheets, the elevation profile, the day timeline, the contour motifs, the philosophy word-reveal, field notes, departures, the enquiry form, and the polar-daylight panel).
   • Pages: home, 404, privacy.
   • Contrast. Flat --sun (the orange accent) measured about 2.6:1 on the page's light backgrounds — used as text for the "(0N)" section numbers, the current-page nav link, the mobile-menu numerals, the hero heading's full stop, the selected expedition-tab number, the selected route-switcher number and the field-notes hover colour — short of WCAG AA's 4.5:1. A new --sun-ink token (a darker rust, ~5.3:1 on both light backgrounds) and a theme-aware --accent token now carry all of those: --accent resolves to --sun-ink everywhere by default and is redeclared back to the bright --sun inside the two dark (slate) sections — Principles and the footer — so the same markup reads correctly on either surface. The keyboard focus ring (:focus-visible) now uses --accent for the same reason. Two small-text greys that also fell short at their actual sizes (the route-switcher's inactive numbers and the elevation profile's keyboard-scrub hint) moved from --stone to the already-AA --ink2.
   • Works without JavaScript. The four expedition tabs, the field-notes list, and the 2027 departures table (11 rows) and its route-filter chips are real HTML now, not built by a script at runtime — in the concept they were empty containers filled in on load. The default expedition's elevation-profile chart (grid, curve and waypoints) is likewise real SVG markup, computed once from the same seeded noise the script uses, so the numbers and the line it draws match exactly; the enquiry form's expedition dropdown now lists all four routes instead of only a placeholder option. The mobile menu still needs JavaScript to open (it ships with the standard hidden attribute), but every section it links to is already in the page in document order, so nothing is unreachable — you can always scroll, or use the footer's link list.
   • Touch targets and keyboard access. The "write or call" email/phone links in the enquiry sidebar were shorter than 24px tall; they now carry a little vertical padding (WCAG 2.5.8). The horizontally-scrolling "day timeline" track on narrow screens is now in the tab order with a label, so it can be scrolled with the keyboard, not only by touch or trackpad (WCAG 2.1.1).
   • Two accordions gained hidden-attribute housekeeping and lost a small no-JS trap. The field notes' four entries and the notebook's "read the rest of the page" panel both used to collapse in CSS unconditionally, so a visitor with JavaScript off could never open them; the collapse now only applies once .js is confirmed, and the field notes list uses the shared kit.accordion() (the notebook toggle stays bespoke, since it also swaps its own button text).
   Show all notes

   • Shared building blocks. The mobile menu, the newsletter form and every digital clock (nav, menu, footer, base panel) now use the same kit as every other template (kit.mobileNav, kit.form, kit.clock) instead of one-off implementations. The nav's scroll-progress line reuses kit.scrollProgress. The main enquiry form keeps its own richer logic — per-field inline errors, a dependent departure dropdown, a travellers stepper and a trip-summary success panel — because kit.form's single status line can't reproduce that; a comment by the form explains where to add a real endpoint.
   • New pages and delivery details. Added 404.html and privacy.html (both carrying the full nav/menu, unlike a stripped-down version), robots.txt, site.webmanifest, a full SEO head (Open Graph, Twitter card, a canonical placeholder, JSON-LD TravelAgency), self-hosted fonts (no request to Google Fonts), an SVG favicon taken from the concept's inline one, and social/preview images.
   • Testimonial caption. Two rules reached further than intended: the quote's large italic serif also restyled the guest's name and role, and the log's value style (24px serif) also restyled its small "Day / Position / Turned at" labels. Both are now scoped, so the attribution reads in the body sans and the labels match every other label on the page.
   • No other visual or behavioural changes. Copy, layout, colours (beyond the contrast fix above), motion and every interaction — the map morph between expeditions, the elevation-profile scrub, the pinned day-timeline, the philosophy word-reveal, the departures filters — are ported 1:1. The two procedurally-generated topographic canvases and the seeded contour-ring artwork (guide plates, section motifs) are still drawn by script on load, same as the concept, since they're decorative rather than content; without JavaScript those areas show their plain background instead of the artwork, the same way a canvas-based effect would in any other template here.

Questions

Related

• 

  Aurel

  Brand

  A quiet, clay-and-bronze skincare template for a Copenhagen barrier-repair brand: a raymarched WebGL serum drop that bulges toward the cursor in the hero, a three-step ritual with CSS-rendered bottles, an ingredient list with generated molecule diagrams, a draggable before/after hydration map, clinical-result stat cards and a working shop with size pickers and a bag.

  Bodoni Moda / JostFrom $29
• 

  Ferro Type

  Studio

  A loud, orange-and-black type foundry site built around one variable font: a hero word that bends its weight and width under your cursor, a live type tester that writes its own CSS, an axis-by-axis tour, a keyboard-driven glyph inspector and a licence configurator with a working cart.

  Roboto Flex / Roboto MonoFrom $29
• 

  Oda

  Studio

  A Nordic architecture studio site that reads like a drawing set: a timber cabin that draws itself with a live sun study, project sheets on a sideways track, and a floor plan that builds as you scroll.

  Schibsted Grotesk / IBM Plex MonoFrom $29