Product Slider BlockFree downloadMenu

Outline, a card drawn with one pen

A line in your text colour runs around the picture and across under it, the price is set large, and the button is only an outline until it is pointed at. Then it fills in. Pro

Black over-ear wireless headphones on a white background
Soft-shell headphones€219Clear highs and a tight low end, with up to thirty hours on a charge.
Coral red wireless headphones lying on a polished red wooden surface
Coral wireless headphones€179Clear highs and a tight low end, with up to thirty hours on a charge.
White wired headphones with brushed metal ear cups on a yellow background
Brushed metal headphones€89Clear highs and a tight low end, with up to thirty hours on a charge.
White on-ear wireless headphones on a white background
Chalk on-ear headphones€129Clear highs and a tight low end, with up to thirty hours on a charge.
Black open-back headphones on a dark textured surface, in black and white
Open-back headphones€249Clear highs and a tight low end, with up to thirty hours on a charge.

Why the price is big

With no filled button competing with it, the price is the strongest thing on the card, which suits shops where it is a reason to buy: well-priced electronics, tools, refills. The name stays small above it. It looks technical and tidy, like a page from a good catalogue.

A quiet row with one loud moment

A row of outlined buttons has no blocks of colour, so the pictures are what you see first. When the pointer reaches a button, it fills with your text colour and its words change to your background colour, and that contrast is plainly the place to click. A keyboard focus does the same.

Sale prices at large size

An old and a new price at this size take a lot of width. On narrow cards they will wrap onto two lines, which is better than shortening them, but which also makes that card taller. Cards stay at one height in a row, so test a row with a sale in it at your number in view.

Questions

Does the line follow my theme?

Yes, it is your text colour throughout, so a dark theme gets pale lines.

Is the button still my theme's button?

It keeps the theme's type and shape where the theme sets them. The fill is taken away so that it can be an outline.

Sample products throughout. Pro starts at $19 a year.

Get the free plugin