Codex's liquid glass attempt

4 variants · gpt-5.5 Same brief as Claude's v4
Same SKILL.md references

Codex was given the same brief as Claude's design-v4: pure HTML/CSS, no images, no mascot, visionOS Liquid Glass quality. Both received the same 2 SKILL.md reference files (rshankras + dpearson Apple skills). Compare side-by-side against /design-v4/. Codex's pick: 04 (refractive) first, 01 (clean glass) second.

ARegular glassOpen

One large rounded rectangle, layered translucent fills, high blur + saturation, top inset highlight + bottom inset shadow. Painterly but quiet bg.

BTinted glassOpen

Single material panel warmed with gold + blue tint pass. Tint inside the glass + CTA surfaces — matches SwiftUI .regular.tint(...) idea.

CGlassEffectContainerOpen

Hero in an isolated container with 3 related slabs sharing one material recipe. Slow morph animation mimics nearby glass settling.

DRefractive glass — Codex's pickOpen

Inline SVG turbulence + displacement filter behind the content. Restrained distortion: text stays crisp, material gets lens-like visionOS refraction.