EcoWestern Design
Docs

02 / Depth

Let the interface
have a horizon.

MateFluency creates depth with light, layers, and warmth. The result is an interface that feels situated in an environment instead of pinned to a blank plane.

Try the layer

Sunlight you can feel.

Change the intensity, then open the foreground panel. Notice how the context stays present beneath the surface.

Background context
Field notes · 08:42A quieter morning
starts here.
Wind from the west · 12 km/h
Daily reading

Good morning, Rowan.

The surface is calm today. Keep the next step small and let the rest arrive.

Context belowDepth 02

Casual · The everyday MateFluency balance.

02Read the idea

A MateFluency surface should feel like it has something beneath it. Background content can glow softly through a foreground layer. Panels separate from their surroundings. Interactive elements float with a clear reason to be there.

This is the sunlight effect: translucency used with restraint, so context remains present without competing with content. Depth is not a special effect. It is a way of helping people understand where they are.

The shape of it

01

Sunlight, softly

Context should be felt beneath a surface before it becomes something you consciously notice.

02

Every layer has a job

Background, surface, panel, and action each occupy a deliberate place in the visual field.

03

Warmth is structural

Comfort comes through color, spacing, rounding, and the quiet softness of separation.

Go deeper

When you are
ready to build.

Core ConceptsNaturalism, sunlight, layering, warmth, and hierarchyIntensity LevelsChoosing how expressive the depth should beDark ModeHow the language changes its relationship to depth