Why: the goal or problem
Navigation must stay available over rich content without appearing to be another content card. A distinct floating layer can help.
How: work toward a solution
Use the workspace’s three tasks and two notes. Mark one task: progress becomes 1 / 3 and 33%. Filter tasks or open notes; reset restores the initial state. View tools expands the floating capsule; Opaque panels removes transparency.
Make room
A little space for your next idea.
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.
What: the concept
Liquid Glass uses a dynamic, transparent navigation layer above content. This web study illustrates its visual cues, not Apple’s native rendering.
Transparency needs contrast checks and an opaque fallback.
Discuss this idea
Comments are shared across languages. GitHub login required to post.