Back to themes

Payday

Payday is a free SaaS theme with a long landing page on grainy gradients, product UI built in HTML and CSS, pricing, an FAQ, and about and contact pages.


Cost

Free


Created by
Andrei Alba

Payday is a free Astro theme for SaaS and product sites. Its demo is a global payroll product, told on one long landing page with grainy gradients and quiet product UI built in HTML and CSS instead of screenshots, so every panel stays sharp and is easy to edit.

The copy and data for every section live in config files, and the output is fully static with no framework islands, strong SEO defaults, and motion that switches off for reduced-motion users.

Features

  • Long landing page, an about page, and a contact page
  • Full-bleed grainy gradient hero under a transparent header, with a payroll app built in HTML and CSS
  • Logo marquee that pauses on hover
  • Keyboard-accessible tabs, each with its own product panel
  • Global payroll table over a pastel gradient
  • Stats and a customer quote
  • Bordered feature grid with six small product mockups
  • Pricing with a monthly and yearly toggle in CSS alone
  • Customer story cards on grainy gradients
  • FAQ built on native disclosure elements
  • Security section with SOC 2, GDPR, and ISO 27001 seals
  • Header that hides on scroll down and returns on scroll up, and a full-screen mobile menu
  • Scroll-reveal motion in CSS, switched off for reduced-motion users
  • Copy and data for every section in config files
  • Canonical URLs, Open Graph and Twitter/X cards, a sitemap, robots.txt, and JSON-LD
  • Self-hosted Libre Franklin and Geist Mono and a local Lucide icon set
  • Fully static Astro output with no framework islands

Best Used For

  • SaaS startups
  • Fintech and payroll products
  • B2B software landing pages
  • Product launches
  • Developers who want a free SaaS starter

Questions or need help? Email us at hello@xocothemes.com

Available for custom changes, extra pages, or a fully custom site.