Interface Atlas

Theme 07 Pulse Draft 0.1.0

A reference, ready to inspect

Pulse

A clear voice. A vivid accent. A little momentum. A visual language for creative work with something to say.

System reduced-motion preferences take priority.

Controls become available when JavaScript runs.

Form & Function

A fictional design gathering

Ideas take shape together.

MAKE
YOUR
MARK.

For the people who draw the first line, ask the next question, and turn a possibility into something useful.

Explore the sample program
FF / Study 001Static original vector artwork

Talks Workshops Labs

One sample day Six perspectives

Curiosity is the common ground.

Big questions meet practical exercises. Explore six fictional sessions, build a plan, and check where your choices overlap.

This gathering, its program, and its session times are illustrative. There is no real event, venue, booking, or ticket offer.

01 / A program worth exploring

Fictional program · Times on one sample day

Find your
next idea.

Choose sessions for a local plan. Review checks for overlapping times; your choices stay on this page and reset when it reloads.

The schedule uses an illustrative sample-day clock, without a date or time zone.

6 sessions · All formats

Go to your plan

With JavaScript off, all six session descriptions and native disclosures remain readable. Filtering and planning controls are unavailable.

Talk

01 / A useful beginning

Start with a better question

Turn a broad design intention into a question a team can actually explore.

Read session details

Compare three fictional project briefs. Find the assumption inside each brief, then rewrite it as an observable question. This opening talk introduces the sample day's theme: make the next decision clearer.

Workshop

02 / Shared foundations

A system with room to grow

Give recurring interface decisions a name, a role, and a useful boundary.

Read session details

Map a small fictional interface into foundations, components, and local choices. Practice explaining when a shared rule helps and when a project needs an explicit adaptation. The exercise is a design study, with no measured delivery claims.

Lab

03 / Movement with purpose

Motion that explains

Use a short transition to connect states, then test the same flow without it.

Read session details

Sketch the before and after states of a simple interaction. Choose whether movement explains anything useful, then create a static equivalent. This fictional lab treats reduced motion as part of the design rather than an afterthought.

Talk

04 / Voice & rhythm

Let the type do the work

Build a readable hierarchy before adding another decorative element.

Read session details

Read the same fictional program at three scales. Consider line length, contrast, language support, and the relationship between a display face and everyday text. The examples are illustrative, with no claim about real-event attendance or outcomes.

Workshop

05 / From thought to flow

Prototype the next decision

Make one important flow tangible, including its empty and error states.

Read session details

Choose one decision from a fictional product brief. Sketch its starting state, valid result, and a recoverable error. Keep the prototype narrow enough that someone can inspect the complete interaction without a backend.

Lab

06 / Better feedback

Make critique useful

Connect feedback to the brief and leave with a concrete next step.

Read session details

Review a fictional interface using three prompts: what is the intended task, what evidence supports the decision, and what remains uncertain? Separate an observation from a preference, then name the next design question.

02 / A small motion study

Optional · Never plays automatically

A beat.
Then still.

Three bars settle into place in one short, optional study. The program and planner work without it.

Static artwork. The optional play control requires JavaScript.

03 / The everyday details

Comfortable density · 24px panel inset

Bold at the top.
Clear everywhere.

Display type makes an impression. Body text, controls, and useful state messages make the interface work. Density changes only this specimen's inset.

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 documented.
A useful reminder. Keep the assumptions beside the decision.

Warning specimen: selected times may overlap.

Error specimen: explain what needs to change.

Information specimen: this program is fictional.

Type & language

A clear idea.
A bold voice.

Barlow for everyday reading. Barlow Condensed for short, expressive headings. Local system faces provide fallbacks.

Một ý tưởng rõ ràng, một nhịp điệu mới. Thiết kế giúp mọi người cùng khám phá và đưa ra quyết định.

PULSE-FORM-AND-FUNCTION-SAMPLE-PROGRAM-0001
One sample day / 6 sessions / Local planning only

PageLime tintBlue tintWarm tint
Component schedule · Static fictional specimen
PartDesign intentionReference
SessionGive every choice a title, time, and formatFF-01 / 024
PlanKeep choices visible while resolving an overlapFF-02 / 016
A longer component name for the fictional gathering's program review workspaceEnough room for complete descriptions without clipping a decisionPULSE-PROGRAM-COMPONENT-REFERENCE-0003