IsoRide Website

Design
Dev

The official site for the IsoRide iOS app, designed and built from scratch to showcase the app at its best: device-frame screenshots that adapt to light and dark mode, self-hosted Apple-style typography, and pages covering features, themes, and pricing.

isoride.app homepage with the headline Should you ride right now

Visit Site →

The official site for IsoRide, my native iOS cycling weather app. Built with Astro and deployed on Cloudflare Pages, it’s the app’s home on the web: what IsoRide does, how it looks in both color schemes, what’s free and what’s Pro, and a way into the TestFlight beta for riders who want in early.

Highlights

  • Hand-built iPhone frame · A reusable device-frame component renders real app screenshots inside a CSS iPhone, with separate light and dark screenshot sets that swap with the site theme
  • Apple-native typography · Self-hosted SF Pro Rounded so the marketing site speaks the same visual language as the app itself
  • Theme-aware screenshots · A repeatable capture pipeline regenerates every app screenshot in both color schemes whenever the app UI changes
  • Full product story · Feature tour, theme gallery, free-vs-Pro breakdown, and transparent pricing, so the whole app is browsable before you ever install it
  • Static and fast · No frameworks shipped to the client, social share cards pre-rendered, deployed globally on Cloudflare’s edge
Work