Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageNumbered Service Cards
Numbered service/feature grid built as a plain, fully editable Etch tree: section > container > header (eyebrow, h2, intro) > grid of three "Showcase Card" component instances. Only the card is a component, with typed pr…
50 sites for €79 only, Compare all plans
The system behind it
One pattern, your whole brand.
Numbered Service Cards reads your ACSS tokens, so changing a color, a font or a spacing value once restyles it everywhere. No hard-coded values, nothing to override.
- Type
- Layout
- Category
- Grids and cards
- Responsive
- Desktop to phone
- Works with
- Etch, ACSS, plain CSS
Options 6
Set on the section, in Etch’s attributes panel. No code needed.
data-themere-themes the grid
data-radiuscard corner radius
data-columnscolumns at the desktop breakpoint (64em+)
data-gappx between cards
data-hoverhover/focus treatment
data-revealcards fade and rise into place the first time the grid enters the viewport
Component props 1
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
imagehttps://images.unsplash.com/photo-1493723843671-1d655e66ac1c?w=640
imageAltBuild your brand.
index01
accenta
categoryStrategy and Identity
headingBuild your brand.
descriptionA clear identity that feels like you. Made to connect and stay in min…
tagsStrategy, Identity, Art direction
footerLabelMade to stand out
ctaLabelExplore branding
ctaUrl#work
Included in Pro From €39 a year, with all 469 patterns.
Get ProMore patterns
