Skip to content
C-060Component

Spectrum Service Panels

A row of "Service Panel" component instances (index, tone, photo, category, heading, description, up to three tag chips that hide when empty, meta label, CTA label and href) built as a plain, fully editable Etch tree: se…

Get this with ProIncluded in your plan

50 sites for €79 only, Compare all plans

Preview Desktop, 1280px

All photos and visual assets used in this preview are sourced from Unsplash.

The system behind it

One pattern, your whole brand.

Spectrum Service Panels 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
Component
Category
Cards
Responsive
Desktop to phone
Works with
Etch, ACSS, plain CSS

Options 2

Set on the section, in Etch’s attributes panel. No code needed.

data-columns
234

how many panels sit per row from the tablet breakpoint up

data-hover
liftzoomnone

the panel photo's hover/focus effect

Component props 1

Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.

Service Panel3 in this pattern · 13 props
PropTypeDefault
index
text

01

tone
text

sage

photo
text

https://images.unsplash.com/photo-1483058712412-4245e9b90334?w=640

imageAlt
text

Build your brand.

category
text

Strategy and Identity

heading
text

Build your brand.

description
text

A clear identity that feels like you, made to connect and stay in min…

tag1
text

Strategy

tag2
text

Identity

tag3
text

Art direction

metaLabel
text

Made to stand out

ctaLabel
text

Explore branding

ctaHref
text

#

Included in Pro From €39 a year, with all 753 patterns.

Get Pro

More patterns

Keep browsing.

L-000

Quick View

Desktop, 1440px
Pro
demo.etchedy.com

The real preview of this pattern. Every pattern adapts to your ACSS tokens.

Unlock with ProSee plansIncluded in your plan