Meridian is a premium dark-themed landing page template built for editorial brands, creative studios, and design agencies who want their digital presence to feel as considered as their print work.
Every detail has been crafted with intent — from the matte black canvas with subtle film grain to the warm ivory project cards that float with perspective drift. The result is a page that feels less like a template and more like a commissioned piece.
What's Included
- Complete standalone HTML file — 1205 lines of production-ready code, zero dependencies, no build tools required
- Custom cursor follower — Smooth dot + ring cursor with mix-blend-mode difference and magnetic hover states
- Scroll reveal animations — IntersectionObserver-powered fade-up reveals with staggered delays
- 3D floating work cards — Perspective transforms, drift animations, tilt-on-hover, and on-cursor parallax
- Marquee ticker — Infinite horizontal scroll with editorial-style separators
- Manifesto section — Large serif typography with accent divider
- Services grid — 2-column layout with animated arrows and numbered items
- CTA with magnetic button — Pulsing accent headline with rounded pill button
- Full footer — Three-column contact info, oversized brand mark, social links
- oklch color system — Perceptually uniform colors throughout, with matte black canvas, warm ivory surfaces, and red-orange accent
- Film grain + vignette — SVG noise texture overlay and radial gradient vignette for a cinematic feel
- Responsive-ready — Clamp-based fluid typography and spacing
- Helvetica + Charter serif — Editorial typography pairing (loads from system fonts, zero external requests)
Design Details
The visual language draws from high-end editorial design. The matte black canvas (oklch 13% lightness) provides a cinematic foundation. Warm ivory surfaces (oklch 93% lightness) give project cards a paper-like quality. A red-orange accent (oklch 64% chroma 36 hue) provides controlled warmth against the neutral palette.
Typography pairs Helvetica Neue for display and mono labels with Charter serif for pull quotes and manifesto text. All fonts are system-installed — no external font requests, keeping the page fast and private.
Preview
Perfect For
- Creative agencies and design studios
- Editorial and publishing brands
- Architecture and interior design firms
- Fashion houses and luxury brands
- Personal portfolio sites
- Art direction and photography studios
Technical Specs
- Format: Single HTML file (39KB)
- Dependencies: None — no frameworks, no libraries, no npm
- Fonts: System fonts only (Helvetica Neue, Charter, JetBrains Mono)
- CSS: Custom properties, oklch colors, clamp() fluid sizing
- JS: Vanilla — cursor follower, magnetic elements, scroll reveal, card parallax
- Browser support: Chrome, Firefox, Safari, Edge (latest 2 versions)
Get It Now
Available on Gumroad. Instant download, lifetime updates, commercial license included.