Skip to main content

Features

15 templates in this category. Each page has the screenshots, the structure, what to change and the CSS variables.

  • Features · 3 columns — A centered intro and three features in columns, each with an icon, a title and a short text.
  • Features · Alternating rows — Three photo and text rows that swap sides, each with a big outlined number, a title, a short text and a list of checks.
  • Features · Annotated screenshot — A product screenshot with numbered points placed anywhere on it, and a short note for each point underneath.
  • Features · Bento grid — A bento grid of five features of mixed sizes: a large photo tile, three small ones and a wide brand one.
  • Features · Check groups — Three groups of features, each with a title, a list of checks and a small button at its foot, under a thin line that fills with the brand color on hover.
  • Features · Compare — Two columns read row by row: the old way on the left, the same job with your product on the right, on a soft brand surface.
  • Features · Comparison table — Us against the alternatives: a table of features with a check or a dash under your product and two other ways of doing it, and a button under your column.
  • Features · Icon grid — A centered intro over six features with icons in a 3 × 2 grid, separated by thin lines instead of cards.
  • Features · Integrations — App tiles in two columns, each a row with the app logo, its name, one line on what it does and a Connect button.
  • Features · Numbered — Four numbered features in columns: a big outlined number, a title and a short text under a thin line that fills with the brand color on hover.
  • Features · Reveal grid — Six feature cards with an icon, a title and a text; pointing at one, or tabbing to it, slides up a panel with a small photo and one more sentence.
  • Features · Spec sheet — A product spec sheet: groups of attributes, each with its title and a two-column table of attribute and value, two groups per row, with a PDF download and a compare button.
  • Features · Sticky list — Four features scroll past a photo that stays in view; the feature in the middle of the screen is marked and brings its photo in with a fade.
  • Features · Tabs and media — Four features as vertical tabs (icon, name and one line); the photo of the open one fades in over the previous one.
  • Features · Use cases — Use cases by sector: a card for each industry with a sector tag, what the product does for it and a link to that industry's page.