Complete pages, ready to ship

All pages

• 

  SaaS

  Startup Home

  A SaaS product home page: an announcement bar, a hero with a live dashboard preview, features, how it works, integrations, stats, pricing, testimonials, the FAQ and a call-to-action footer.

  • Header: Announcement
  • Hero: Dashboard
  • Logo Cloud
  • Features
  • Bento
  • Steps
  • Integrations
  • Stats
  • Pricing
  • Comparison
  • Case Study
  • Testimonials
  • FAQ
  • Footer: CTA

  Open page Startup Home (opens in a new tab)
• 

  Portfolio

  Portfolio Home

  A freelance product designer’s portfolio: a typographic intro, selected projects with results, a services price list, client testimonials, an about section, writing and a contact form.

  • Hero: Intro
  • Projects
  • Services
  • Testimonials
  • Author
  • Blog
  • Contact
  • Footer: Centered

  Open page Portfolio Home (opens in a new tab) Default style : Portfolio Home (opens in a new tab)
• 

  Education

  Course Home

  A sales landing page for a book and a video course: the offer, a free chapter, the lesson library, reviews, the author, tiered pricing with a guarantee, FAQ and a final call to action.

  • Hero: Product
  • Logo Cloud
  • Offer
  • Book Preview
  • Video Library
  • Reviews
  • Author
  • Pricing Tiers
  • FAQ
  • Call to Action
  • Footer: Centered

  Open page Course Home (opens in a new tab) Default style : Course Home (opens in a new tab)
• 

  Portfolio

  Case Study

  A portfolio case study: the project and its facts, the results before and after, the story in chapters with a sticky navigation, a before and after comparison, the process, the client’s words and the next project.

  • Hero: Case Study
  • Results
  • Story
  • Before and After
  • Timeline
  • Quote
  • Next Project
  • Call to Action
  • Footer: Centered

  Open page Case Study (opens in a new tab) Default style : Case Study (opens in a new tab)
• 

  SaaS

  Pricing Page

  A complete pricing page: an announcement bar, plans with a billing toggle, a detailed comparison table, a customer story, the FAQ and a call-to-action footer.

  • Header: Announcement
  • Pricing
  • Comparison
  • Case Study
  • FAQ
  • Footer: CTA

  Open page Pricing Page (opens in a new tab) Default style : Pricing Page (opens in a new tab)
• 

  Company

  About Page

  An about page for a company: mission, numbers, story timeline, team, the open source community, behind the scenes gallery, upcoming events, open positions and office locations.

  • Header: Centered
  • Hero: Centered
  • Stats
  • Timeline
  • Team
  • Community
  • Gallery
  • Events
  • Careers
  • Locations
  • Footer: Centered

  Open page About Page (opens in a new tab) Default style : About Page (opens in a new tab)
• 

  Ecommerce

  Shop Home

  An online store front: a store header with search, the store promises, a campaign hero with category tiles, categories, bestsellers with ratings, filters and a wishlist, offers, a sale countdown, the product of the month, reviews, recently viewed products and a cart drawer.

  • Header: Store
  • Trust Bar
  • Hero: Shop
  • Category Grid
  • Product Grid
  • Promo Banners
  • Sale Countdown
  • Product Spotlight
  • Reviews
  • Recently Viewed
  • Footer: Newsletter
  • Cart Drawer

  Open page Shop Home (opens in a new tab) Default style : Shop Home (opens in a new tab)
• 

  Dashboard

  E-commerce Dashboard

  A store admin dashboard in the app shell: key numbers with sparklines, revenue and channel charts, recent orders, top products, traffic sources, sales by category and stock alerts.

  • Metric Grid
  • Chart
  • Recent Orders
  • Top Products
  • Donut Chart
  • Bar Chart
  • Stock Alerts

  Open page E-commerce Dashboard (opens in a new tab) Default style : E-commerce Dashboard (opens in a new tab)
• 

  Content

  Post Page

  A blog or news article with a centered journal header, the post heading and content, a gallery and a newsletter footer.

  • Header: Centered
  • Post Heading
  • Post Content
  • Footer: Newsletter

  Open page Post Page (opens in a new tab)
• 

  Application

  Auth Page

  A two-column authentication screen for login, registration or password reset.

  Open page Auth Page (opens in a new tab)