Byline: Landing Pages for People Who Sell What They Know
Byline is an editorial landing page template for online courses, paid newsletters, membership communities and digital product shops. It pairs a warm paper palette and a single vermillion accent with large serif headlines, hairline rules and generous whitespace, so your offer reads like a well-set magazine rather than another card grid.
Four Home Layouts
- Course and Cohort Launch: countdown bar, curriculum accordion, instructor story, pricing with a payment plan toggle.
- Paid Newsletter: masthead-led layout built around subscription sign-up.
- Membership Community: social proof first, built for recurring memberships.
- Digital Product Shop: catalog-led layout with category filters for one-off purchases.
21 Pages
Four homes plus About, Pricing, Contact, FAQ, Terms, Privacy, Login, Sign Up, Forgot Password, Blog, Blog Post, Product, Checkout, 404, Coming Soon, Thank You and a Sections Library page.
42 Interchangeable Sections
The Sections Library shows every block on one page across 14 groups: navigation, announcement, hero, logos, feature, stats, content, media, testimonials, pricing, FAQ, call to action, forms and footer. Each block is self-contained, so you can reorder, remove or duplicate sections without touching the CSS.
Light and Dark Themes
Dark mode is designed as its own palette rather than an inversion, with its own contrast check. One toggle switches every page.
Right-to-Left Build
Every page ships in both directions (42 HTML files), with Arabic demo copy and IBM Plex Sans Arabic. The RTL layout is mirrored from the same source, not patched on top.
Features
- Built with Tailwind CSS 4: one CSS file, one JavaScript file, no jQuery
- Self-hosted fonts (Instrument Serif, Geist, Geist Mono, IBM Plex Sans Arabic), no external font requests
- WCAG 2.2 AA: tested with axe-core on every page, visible focus states, skip link, correct landmarks and accessible form errors
- Smooth scrolling, parallax and carousel motion, all switched off by reduced motion settings or a visitor toggle
- Every page renders complete with JavaScript disabled
- Client-side form validation with success and error states, ready to connect to Formspree, Basin or Netlify Forms
- Responsive, retina-ready WebP images with blurred loading previews
Please Note
- Images: the photographs in the live preview are for preview purposes only and are not included in the download. Each image in the download is a placeholder showing the file name and the size to use for your replacement.
- Forms: this is an HTML template and does not include a backend. Forms validate in the browser but need a form service or your own server to send messages.
- Browser support: Chrome 111+, Safari 16.4+, Firefox 128+ and Edge 111+. Older browsers are not supported.
Credits
- Instrument Serif, Geist, Geist Mono and IBM Plex Sans Arabic (SIL Open Font License 1.1)
- Lenis and Embla Carousel (MIT License)
A full asset list is included in LICENSES.md and assets/licenses.csv.