Showcase / Thirty-three card designs
Design - PagesOne card. Thirty-three ways to wear it.
A card is the most useful box on a website. Domma's [card] comes in 33 ready-made layouts - pick one by name and write your words. Below are some of them, dressed up for ACME Ltd, each labelled with the layout that made it.
Prices, comparisons and a sale sticker.
layout="pricing"
layout="feature-comparison"
layout="corner-badge"
Twelve pockets of waxed cotton. Was £34, now £28 until Friday. (Demo offer.)
[card layout="pricing" title="Sharpening" price="£6" period="per edge"]
[feature]Chisels and plane irons[/feature]
[feature]Ready in two days[/feature]
[/card]
Faces, figures and kind words.
layout="avatar-profile"
Second-year apprentice. Knows by the sound when a wheel needs dressing.
layout="stat-metric"
layout="quote-testimonial"
My ACME No. 4 is thirty years old and still the first plane I reach for.
layout="rating-review"
Finally, the same angle every time. Worth every penny.
[card layout="stat-metric" title="Orders sent next day" value="99.4%" delta="+1.2%" progress="99"]
Last twelve months.
[/card]
Photographs, however you want them framed.
layout="image-top"
Paring a joint by hand, the way it has been done for centuries.
layout="image-overlay"
Air-dried ash for handles, stacked for two years.
layout="thumb-left"
A rack for every size, so nothing goes missing.
[card layout="image-overlay" image="/media/stock/workshop-bandsaw-timber.jpg" title="The timber store"]
Air-dried ash for handles, stacked for two years.
[/card]
Steps, progress, notes and files.
layout="step-numbered"
Rub the back flat on a coarse stone, once in the life of the chisel.
layout="step-numbered"
Thirty degrees in a honing guide, until you feel a burr.
layout="step-numbered"
A few strokes on the back, and pare some end grain to test.
layout="progress-goal"
layout="callout"
Always push a chisel away from the hand holding the work.
layout="file-document"
[card layout="progress-goal" title="Attercliffe workshop" progress="60"]
[milestone done]Planning permission[/milestone]
[milestone]Fitting out[/milestone]
[/card]
Twenty more where these came from.
Also on offer: basic, header and footer, icon above or inline, thumbnail right, wide image, full background, split half, video, location map, badge band, tag cloud, timeline entry, activity feed, code snippet and before-and-after. Every card can also be a plain, accent, dark or glowing box, collapsible, and animated as it scrolls into view.