Interface Atlas

Theme 05 Botanical Draft 0.1.0

A reference, ready to explore

Botanical

An earthy palette, soft corners, and room to read. A visual language for thoughtful places and the people who shape them.

System reduced-motion preferences take priority.

Controls become available when JavaScript runs.

01 / A garden-studio study

Fictional briefs · Original static artwork

Stillground Garden & landscape studio

Space to
put down
roots.

Gardens begin with a way of seeing. We make room for a slower walk, a well-placed seat, and the small details that give a place its character.

Explore the studio briefs

Stillground and its projects are fictional design studies.

A landscape imagined through layers, lines, and a little space.

A considered approach

Read the place.
Then make room.

Our fictional briefs explore how paths, materials, and moments of pause can tell a clear story. Each begins with a small question.

Browse the design field notes

Three places to begin.

Open a brief to read the design intention.

Space & sequence

A place between rooms

A quiet courtyard that turns passing through into a moment of pause.

Read the courtyard brief

Give the route a gentle bend, then place a seat where the view opens. Use one continuous ground material to connect the rooms around it. This is a fictional composition study; no built outcome is claimed.

Materials & detail

A softer edge

Let a terrace meet its surroundings through texture and an uneven rhythm.

Read the terrace brief

Repeat a simple module, then loosen it at the perimeter. Pair a smooth seat with a more textured surface underfoot so the change can be felt as well as seen. This is a fictional material study.

Process & attention

The long way around

Design a walk with a beginning, a change of pace, and somewhere to arrive.

Read the path brief

Sketch the route as a sequence of views before arranging its edges. Alternate an open stretch with a closer, more sheltered passage. Use the final turn to reveal a destination. This is a fictional process study.

02 / The reading room

Four original design field notes

Notes from
the drawing table.

A small collection about composition, materials, and process. Choose a note, linger a while, and keep the ideas you want to return to during this visit.

4 design field notes

Original fictional design writing, not gardening advice.

The collection

Field note 01 / Composition

Give the quiet
parts a place.

An empty patch can hold a composition together. Give it a role before you decide what belongs around it.

On a first sketch, mark the places where nothing needs to happen. A clear foreground can help a seat feel settled. A gap between two groups can give each one a readable outline. These quiet areas are decisions, even when they contain very little.

Try making one element the focus and letting the rest support it. Compare two drawings: one with every edge filled, another with a deliberate opening. Ask where your eye rests and how easily you can describe the arrangement.

Space becomes useful when you can say what it allows.

Carry that question into an interface. A little room around a heading can separate an introduction from its actions. An uncluttered reading measure can give a longer story a place of its own.

Field note 02 / Composition

A border can be
a meeting place.

The edge between two things has its own shape, pace, and purpose.

Draw the transition as carefully as the areas on either side. A hard boundary can make a place feel precise. A repeated step can give the edge a rhythm. A wider threshold can become a place to pause rather than a line to cross.

Start with two simple surfaces. Change only their meeting point: straight, staggered, then softened by a narrow third band. Keep the rest of the drawing still so you can see what the edge contributes.

A good transition tells you both where you are and where you can go.

In a page layout, this may become a change in background, a generous gap, or a short caption. Choose the cue that makes the next section easy to find without asking every boundary to be equally loud.

Field note 03 / Materials

Let materials keep
their character.

A material palette can begin with one quiet contrast: smooth beside rough, fine beside broad.

Put three samples side by side and describe them without naming their colors. One may have an even grain, another a broken surface, and the third a clear repeated pattern. Those qualities can do much of the compositional work.

Give each material a job. A smooth surface may frame a pause; a repeated module may describe a route. Revisit the palette when two materials compete for the same role. Removing one can make the remaining relationship easier to understand.

Choose differences you can explain, then let them remain visible.

For a digital surface, texture can mean type, spacing, and line weight. A serif heading and a plain body face can bring different rhythms into the same page without a large collection of decorative treatments.

Field note 04 / Process

Draw the walk
before the planting.

Begin with the experience of moving through a place. The arrangement can follow.

Make a strip of three small drawings: the arrival, a turn, and the destination. Record what is visible at each point and what remains hidden. A route becomes easier to judge when its moments have a clear order.

Then sketch where someone might slow down, choose a direction, or sit. Let those decisions guide the placement of edges and objects. A beautiful plan is only one view; the sequence gives it another useful test.

Every turn makes a promise about what comes next.

The same exercise works for a product flow. Draw what a person sees before an action, immediately after it, and when they return. Keep the useful context visible across all three moments.

03 / A working palette

Comfortable density · 24px panel inset

Details that
belong together.

Type, color, and controls in a small component study. Density changes this specimen's insets, leaving the reading rhythm intact.

Visual samples only; these buttons have no task to perform.

Editable text specimen. Its value stays on this page.

Ready for review. The design intention is clear.
A small reminder. Give the next section a little breathing room.

Warning specimen: this brief needs a decision.

Error specimen: describe the missing information.

Information specimen: keep useful context nearby.

Type & language

A slower rhythm.
A clearer story.

Manrope / Segoe UI for clear everyday reading. DM Serif Display / Georgia for expressive headings.

Một khoảng sân nhỏ, một lối đi yên tĩnh, và đủ không gian để câu chuyện tiếp tục.

JetBrains Mono / Consolas
STUDY-2026-COURTYARD-MATERIALS-AND-SEQUENCE-REFERENCE

PageLeafStoneEarth
Small material schedule · Static fictional specimen
StudyDesign intentionReference
CourtyardA continuous ground planeST-01 / 024
TerraceTwo textures, one quiet edgeST-02 / 016
Long project name for a sheltered route between the studio and the drawing roomA sequence with enough room for a longer description to remain readableBOTANICAL-COMPOSITION-2026-REFERENCE-0003