Collect references, sketch a direction, and make the words clear. Three small steps toward a thoughtful workspace.
Tasks
01
02
03
No tasks in this state.
A fictional demo within this article. Reset or reload restores its initial state.
Concept
Liquid Glass uses a dynamic, transparent navigation layer above content. This web study illustrates its visual cues, not Apple’s native rendering.
Example
All eleven styles share a workspace: overview, three tasks, progress, and two resource notes. Follow the menu, check a task, filter Open or Done, and expand a note. Completion becomes 1 / 3 and 33%; unmatched filters show an empty message. Reset or reload restores All, three unchecked tasks, 0%, and closed notes. View tools expands the floating capsule; Opaque panels removes transparency.
When to choose it
Choose it for a small navigation layer over rich content. Transparency needs contrast checks and an opaque fallback.
Discuss this idea
Comments are shared across languages. GitHub login required to post.