Home / Overview
Site Directory
A complete overview of every page, design token, and component in this template. Use this as a reference while building.
11
Pages
40+
Components
2
Font Families
14
Color Tokens
01
Pages
Click any card to navigate to that page.
Core Pages
Main user-facing pages
Main landing page with hero, features, pricing, social proof, security, and FAQ.
/ReadyUser login page with email/password inputs and account recovery link.
/signinReadyAccount creation page with full registration form and sign-in switch path.
/signupReadyPassword reset request page for account email recovery workflow.
/forgot-passwordReadyRelease notes timeline with structured entries for new, improved, and fixed items.
/changelogReadyContact form page with support and sales channels plus direct response info.
/contactReadyDedicated pricing route that reuses shared pricing plans and pricing section components.
/pricingReadyMDX-powered blog listing page with article metadata and links to full posts.
/blogReadyDynamic MDX article page supporting headings, code, lists, tables, and images.
/blog/release-v1-3-automation-rulesReadySystem Pages
Framework-level and fallback routes
Custom not-found route used for unknown URLs across the app router.
/not-foundReady02
Typography
Two font families are used throughout the template.
Display Font
font-sans (Galica)
Used for page titles, section headings, and major visual hierarchy.
className="font-sans"System Font
font-mono (Geist Mono)
Useful for technical labels, metadata rows, and utility text.
className="font-mono"Page Title
font-sans / 3xl-5xl
text-3xl lg:text-5xlSection Title
font-sans / xl-2xl
text-xl lg:text-2xlCard Title
font-sans / lg-xl
text-lg lg:text-xlHeading H2
font-mono / base
text-base font-monotext-basetext-smtext-xstext-[10px] tracking-wide03
Design Tokens
Core tokens from app/globals.css with visual references.
--color-brand-lilac
#DEC2EE--color-brand-yellow
#FFDC61--color-brand-purple
#AB87FF--color-brand-cream
#FFF6E4--background
oklch(1 0 0)--foreground
oklch(0.145 0 0)04
Component Directory
Main sections and reusable UI primitives.
Section Components
UI Primitives
05
Spacing Scale
Common spacing values used across layout and components.
06
Component Samples
Key UI components and their styled states used in this template.
Buttons
All button variants used in the template
Inputs
Form input styles
Helper text below the input
