Component · content

Liquid glass separator

Divide rows inside a glass body.

Also called divider, hairline

Three compact settings rows separated by inset hairlines inside a glass panel over a procedural backdrop.
Three compact settings rows separated by inset hairlines inside a glass panel over a procedural backdrop. (light)
Three compact settings rows split by inset hairlines inside a glass panel, over a zoomed night skyline and its waterline.
Three compact settings rows split by inset hairlines inside a glass panel, over a zoomed night skyline and its waterline. (dark)

Spec

Material
1 px line white 25–35 % (light) / white 12–18 % (dark), inset 12–16 from the edges
Profile
flat
Geometry
1 px
Bezel (px)
0
Displacement (px)
0
Blur (px)
0

Anatomy

  • hairline

States

    Rules

    • Grooves inside the glass, never dark grey lines.