03

TECHNOLOGY / DIGITAL PRODUCT

2026

ARC SYSTEM

ARC SYSTEM

ARC SYSTEM

A technical product language for devices, screens, glass, and black surfaces.

A technical product language for devices, screens, glass, and black surfaces.

Colorful digital portrait for ARC SYSTEM

CLIENT

ARC Labs

YEAR

2026

DISCIPLINE

Digital Product, Interface System, Motion

LOCATION

Singapore

01 OVERVIEW

02 CHALLENGE

03 CONCEPT

04 SYSTEM

05 OUTCOME

01

OVERVIEW

ARC System is a precise technical product language designed to bring coherence to complex data, devices, and interfaces.

ARC System is a precise technical product language designed to bring coherence to complex data, devices, and interfaces.

02

CHALLENGE

Data is loud and interfaces are fragmented. Devices speak different languages, so the system had to make complex information legible and action feel intuitive.

Data is loud and interfaces are fragmented. Devices speak different languages, so the system had to make complex information legible and action feel intuitive.

03

CONCEPT

A language of structure and signal rooted in grids, rhythm, hierarchy, and clear system states. Minimal by choice, never by trend.

A language of structure and signal rooted in grids, rhythm, hierarchy, and clear system states. Minimal by choice, never by trend.

04

SYSTEM

A modular interface system with scalable components, adaptive layouts, and a coherent motion model for device diversity and future expansion.

A modular interface system with scalable components, adaptive layouts, and a coherent motion model for device diversity and future expansion.

01 — SYSTEM ARCHITECTURE

01 — SYSTEM ARCHITECTURE

ONE SYSTEM. MULTIPLE SIGNALS.

ONE SYSTEM. MULTIPLE SIGNALS.

One system receives sensor, user, and data input, then translates it into clear process, interface, and output states.

One system receives sensor, user, and data input, then translates it into clear process, interface, and output states.

ARC SYSTEM — INPUT

INPUT

INPUT

ARC SYSTEM — PROCESS

PROCESS

PROCESS

ARC SYSTEM — INTERFACE

INTERFACE

INTERFACE

ARC SYSTEM — OUTPUT

OUTPUT

OUTPUT

02 — INTERFACE LANGUAGE

02 — INTERFACE LANGUAGE

AN INTERFACE BUILT FOR CLARITY.

AN INTERFACE BUILT FOR CLARITY.

AN INTERFACE BUILT FOR CLARITY.

A restrained design language organizes information, guides attention, and communicates system state.

A restrained design language organizes information, guides attention, and communicates system state.

— WORDMARK

— TYPOGRAPHY

— COLOR PALETTE

DASHBOARD

DASHBOARD

DEVICE

DEVICE

CONTROL

CONTROL

REPORT

REPORT

ARC SYSTEM

ARC SYSTEM

WORDMARK

72%

72%

PRIMARY / INTER DISPLAY

PRIMARY / INTER DISPLAY

Aa

Aa

SECONDARY / INTER TEXT

SECONDARY / INTER TEXT

DASHBOARD

DASHBOARD

ARC SYSTEM

ARC SYSTEM

SYSTEM / 72%

SYSTEM / 72%

DEVICE

DEVICE

ARC SYSTEM

ARC SYSTEM

092

092

SECONDARY / INTER TEXT

SECONDARY / INTER TEXT

CONTROL

CONTROL

ARC SYSTEM — INPUT

SIGNAL →

ARC SYSTEM — INPUT

SIGNAL →

REPORT

REPORT

ARC SYSTEM

ARC SYSTEM

STATUS / ACTION

STATUS / ACTION

Singapore

Singapore

03 — DEVICE / SIGNAL STORY

03 — DEVICE / SIGNAL STORY

ONE LANGUAGE. EVERY SCREEN.

ONE LANGUAGE. EVERY SCREEN.

ONE LANGUAGE. EVERY SCREEN.

The same language remains coherent across monitor, tablet, phone, and compact hardware.

The same language remains coherent across monitor, tablet, phone, and compact hardware.

MONITOR

MONITOR

TABLET

TABLET

MOBILE

MOBILE

CONTROL

CONTROL

ARC SYSTEM — MONITOR

MONITOR

MONITOR

Dense information resolves into a stable desktop system.

Dense information resolves into a stable desktop system.

ARC SYSTEM — TABLET

TABLET

TABLET

Adaptive layouts preserve hierarchy on touch interfaces.

Adaptive layouts preserve hierarchy on touch interfaces.

ARC SYSTEM — MOBILE

MOBILE

MOBILE

Essential signals remain legible on mobile.

Essential signals remain legible on mobile.

ARC SYSTEM — CONTROL

CONTROL

CONTROL

Hardware feedback closes the loop.

Hardware feedback closes the loop.

04 — DIGITAL / DEVICE EXPERIENCE

04 — DIGITAL / DEVICE EXPERIENCE

MOTION THAT EXPLAINS STATE.

MOTION THAT EXPLAINS STATE.

MOTION THAT EXPLAINS STATE.

Motion is functional: it reveals transitions, confirms input, and communicates feedback with precision.

Motion is functional: it reveals transitions, confirms input, and communicates feedback with precision.

ARC SYSTEM

ARC SYSTEM

PROJECT SYSTEM EXPERIENCE CONTACT

PROJECT SYSTEM EXPERIENCE CONTACT

ARC SYSTEM primary experience

ARC SYSTEM

ARC SYSTEM primary experience

ARC SYSTEM

ARC SYSTEM

ARC SYSTEM

MENU

ARC SYSTEM secondary experience

LIVE SIGNAL

ARC SYSTEM secondary experience

LIVE SIGNAL

SYSTEM

SYSTEM

DATA / GLASS / PRECISION

DATA / GLASS / PRECISION

05 — EXPERIENCE GALLERY

05 — EXPERIENCE GALLERY

ARC SYSTEM gallery hero

ARC SYSTEM

DATA / GLASS / PRECISION

ARC SYSTEM gallery hero

ARC SYSTEM

DATA / GLASS / PRECISION

ARC SYSTEM gallery hero

ARC SYSTEM

DATA / GLASS / PRECISION

ARC SYSTEM gallery 01
ARC SYSTEM gallery 02
ARC SYSTEM gallery 03
ARC SYSTEM gallery 04

06 — OUTCOME

A DIGITAL SYSTEM DESIGNED TO RESPOND.

A DIGITAL SYSTEM DESIGNED TO RESPOND.

ARC transforms complex information into a clear connected experience across interfaces, devices, and environments.

Create a free website with Framer, the website builder loved by startups, designers and agencies.