VF
VesselFront / hosted on vesselfront.magvzn.com

Route optimization you can verify.

Internal review index for VesselFront landing iterations, the post-voyage claims report, and the design system. Live at vesselfront.magvzn.com.

Working demo

Multi-page site — home, solutions, case studies, API docs.

Full Astro build of the V7 design language across inner pages — 6 stakeholder roles, 7 verified voyage details, /api with workflow tabs, /api/reference with 27 endpoints, insights & resources. The shareable demo.

Open the demo →
29
pages, fully linked
The differentiator

Claims Report — predicted vs actual, page by page.

Standalone post-voyage report — vessel identity, accuracy breakdown, route map with AIS track, waypoint table, fuel & emissions, CII rating, methodology. Print-ready.

Open claims report →
94.2%
Voyage VF-2026-0847 accuracy
Landing iterations
7 versions
V7 · Current
Landing V7
Hybrid upgrade — case studies, 6 stakeholder roles, refined copy, team teaser, data lineage card.
~210 KB→
 V6 · Stable
Landing V6
Infrastructure-first positioning — railroad metaphor, no API/SaaS language, clean corporate.
~195 KB→
 V5 · Archive
Landing V5
Dot grid hero, redesigned claims report, integration playground, PSP variants.
~230 KB→
 V4 · Archive
Landing V4
"Route optimization you can verify" — accountability positioning, primary reference.
~144 KB→
 V3 · Archive
Landing V3
Polar aesthetic, Lucide icons, Three.js wave editor panel.
~110 KB→
 V2 · Archive
Landing V2
"Save 12% fuel" — benefit-driven, design tokens, Three.js wave.
~107 KB→
 V1 · Archive
Landing V1
"Foundational routing model" — technical authority positioning.
~61 KB→
Design & reference
5 resources
Mood board
Typography A/B/C/D
Four type systems compared across hero, case row, claims report, and the operator dashboard.
Stack Sans · Google Sans Flex · Eudoxus · Geist→
 Sales tool
Claims Report
Standalone post-voyage report — predicted vs actual, 8 sections, print-ready.
VF-2026-0847→
 Design system
Design System
Tokens & components — Deep Ocean palette, Maritime Teal, App/Web scale.
~131 KB→
 Palette
Color reference
Palette C neutrals, Maritime Teal, Blue, Yellow, Orange, Red, Purple, Pink.
9 scales→
 Sandbox
Particles playground
Standalone canvas experiments for the hero wave and engine streams.
~35 KB→