Daphnis Glass

A small material study. Liquid surfaces, roughened edges, and an etched place for a control.

A surface to inspect

The words stay on the page. A pane of glass passes over them: the middle stays quiet, and the edge bends what lies beneath it.

A control can feel seated in the material. A small recess catches a dark edge on one side and a bright edge on the other. The surrounding surface is roughened along that footprint.

Try the different surfaces. The shape of the control and the action it offers stay legible as the material becomes simpler.

The grain has room to vary

Some particles gather; others leave a small clear patch. Their scale is fixed to the surface. They do not boil, drift, or animate while you read.

The outline takes its color from the confirmation button. It is a thin boundary around a clear object, with the control itself settled into that boundary.

The effect is optional. The buttons are ordinary buttons; the words are ordinary words. A quieter surface can carry exactly the same work.

Light reveals the edge

The little changes in density and curvature give the material a shape. They should help the eye understand what belongs together.

Try a control

The CSS surface is ready. Optical enhancements are optional.