Skip to content
L-067Layout

Aurora Glass Journal List

A CMS-style list of five journal rows floating in a frosted glass card over a slow, softly drifting aurora gradient backdrop: section > backdrop (three blurred colour blobs) > glass panel (info toggle, eyebrow, "Journal…

Get this with ProIncluded in your plan

50 sites for €79 only, Compare all plans

Preview Desktop, 1280px

The system behind it

One pattern, your whole brand.

Aurora Glass Journal List 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
Galleries
Responsive
Desktop to phone
Works with
Etch, ACSS, plain CSS

Options 9

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

data-theme
auroramidnight

backdrop + glass palette

data-blur
sml

glass panel backdrop-blur strength

data-radius
smlxl

panel + row-thumbnail corner radius

data-density
compactcomfortableairy

row block padding

data-thumbnail-shape
roundedsquare

row thumbnail corner treatment

data-tags
truefalse

show/hide the tag pills on each row

data-info
truefalse

show/hide the top-corner info toggle button

data-lightbox
truefalse

click-to-open

data-motion
driftstatic

background aurora blobs slowly drift (Web Animations API, no @keyframes) or stay still

Component props 1

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

Journal Row5 in this pattern · 7 props
PropTypeDefault
image
text

https://images.unsplash.com/photo-1499750310107-5fef28a66643?w=480

alt
text

Laptop, coffee and a notepad on a wooden desk

title
text

Naming things so they stick

date
text

Jun 18, 2026

tag1
text

Process

tag2
text

Notes

isNew
true / false

True

Included in Pro From €39 a year, with all 469 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