A common trick on css is two add two shadows. The first one is more intense, but has a very small radius. The second one has a larger radius, but a less intense colour.
This is a play on how shadows work on real life; where objects may have a strong shadow from an overhead lamp, and a softer shadow via lighting bleeding in from windows or other rooms.
The results of this are very subtle -- an untrained eye sees just "a shadow" and not two (I can only recognise this because a designer friend taught me this trick).
I wonder if applying a similar technique on window borders could work. But instead of the inner shadow being less intense, it would be a higher contrast one. It's definitely worth exploring.
Personally, I'm prefer simple borders instead of shadows. They take up just 1 or 2px (e.g.: maximise space efficiency), and are super clear.
This is a play on how shadows work on real life; where objects may have a strong shadow from an overhead lamp, and a softer shadow via lighting bleeding in from windows or other rooms.
The results of this are very subtle -- an untrained eye sees just "a shadow" and not two (I can only recognise this because a designer friend taught me this trick).
I wonder if applying a similar technique on window borders could work. But instead of the inner shadow being less intense, it would be a higher contrast one. It's definitely worth exploring.
Personally, I'm prefer simple borders instead of shadows. They take up just 1 or 2px (e.g.: maximise space efficiency), and are super clear.