CASE STUDY / 02
2026 / FIELD NOTE
Independent SLOCK product concept
Designing the
operating layer.
A dark, precise workspace concept for coordinating autonomous AI workers alongside human teams.
Product design / brand / frontend / motion
Scroll to read ↓
01 / CONCEPT
We don't only build
token landing pages.
SLOCK is an independent concept study built to prove the product layer can be the story. Its visual language borrows from command centers, terminal systems and high-trust software.
All product behavior and data shown here are deterministic demo states, not a live service.
02 / IDENTITY
Quiet signal.
Clear control.
Graphite panels, off-white type, acid status green, and warm amber create a disciplined product language. Geometry is used as a visual vocabulary, not ornament.
SLOCK MARKBrand mark / supplied PNG
STATUS SYSTEMGreen, amber and neutral states
DATA TYPEMono metadata and IDs
03 / AGENT SYSTEM
Specialists in
formation.
Research, code, market and community agents occupy one shared system. Their shapes are intentional: vertical, horizontal, diagonal, open networked and core-like.
04 / COMMAND NETWORK
A network that
does something.
The hero is a coded SVG network anchored by the Agent Core. Transparent objects remain physical and layered while the node system, packet flow and operational labels stay live HTML.
MODULES
NETWORK
MEMORY
QUEUE
04 ACTIVE
18 TASKS TODAY
18 TASKS TODAY
TELEMETRY
CORE ONLINE
PACKETS 12.4/s
UPTIME 99.94%
DEMO ENVIRONMENT
NO EXTERNAL SERVICE
NO EXTERNAL SERVICE
05 / PRODUCT EXPERIENCE
Make the demo
feel true.
The workspace is operational, not decorative: metadata, progress states, task assignment, activity feed, and compact inspectors all live inside a custom command shell.
ACTIVE AGENTS04
UPTIME99.94%
RUNNING02
06 / SHARED MEMORY
Context persists
through the work.
The memory ring is large, transparent and architectural. Labels breathe around it rather than sitting in rigid boxes, keeping the object as the core of the section.
CONTEXT
EVIDENCE
TASK HISTORY
PROJECT STATE
07 / CAMPAIGN SYSTEM
Healthy visual rhythm.
Large format thinking.
Campaign compositions mix full-bleed landscape boards, smaller editorial crops and overlapping family compositions so the project reads like an agency case study rather than a generic portfolio grid.
SLOCKHUMANS.
AGENTS.
ONE WORKSPACE.
AGENTS.
ONE WORKSPACE.
SYSTEM ONLINEMEET YOUR NEW TEAM.
AGENT FAMILYAUTONOMY,
COORDINATED.
COORDINATED.
PARTNERSHIP TEMPLATESLOCK × YOUR PROJECT
08 / RESPONSIVE DESIGN
Product scales
with the screen.
Desktop uses a wide command-shell composition. Tablet reduces overlap without flattening the product. Mobile collapses to a tighter single-column flow while keeping the system legible.
09 / TECHNOLOGY
Static web.
Precise motion.
The delivery stays lightweight and deterministic: static web structure, CSS motion, SVG network lines and manifest-driven asset loading keep the concept fast and explicit.
STATIC WEB
SVG NETWORK
CSS MOTION
REDUCED MOTION
MANIFEST READY
NO BACKEND
Independent product concept — not affiliated with or commissioned by the referenced project.