Nox Product UI

Ngắn gọn

Giao diện và design token cho một không gian làm việc B2B, xây dựng cho các bản phát hành hằng tuần để tay nghề theo kịp kỹ thuật mà không đánh mất thương hiệu.

Năm
2026
Lĩnh vực
Phần mềm B2B
Phạm vi
/ Product UI / Tokens
Nhịp làm việc
14 weeks

Nox

01

( Bề mặt )

tập tin 4

nox
nox
Campaign
Campaign
Campaign
Campaign
Live issue
Live issue

02

( Dấu hiệu )

Ba quy tắc

Một không gian làm việc ra bản mới mỗi tuần mà không lệch khỏi thương hiệu.

( 01 )

Token trước màn hình

Màu, khoảng cách và chữ được định nghĩa thành token trước, nên màn hình mới luôn khởi đầu đúng thương hiệu.

( 02 )

Trạng thái cũng là thiết kế

Trạng thái trống, đang tải và lỗi được vẽ cẩn thận như luồng suôn sẻ.

( 03 )

Kỹ thuật có mặt trong phòng

Trưởng nhóm frontend rà soát từng component trước khi đưa vào thư viện.

03

( Trong file )

Hệ thống

Northline type lockup on a warm paper field
Type
Northline color study — glass bottles on a warm field
Color
Northline grid study — white cube and black volumes on a green field
Grid
Northline lockup still — figure in a red field
Lockup
  • Bộ token cho web và ứng dụng
  • Thư viện component trên Figma
  • Bao quát trạng thái và trường hợp biên
  • Ghi chú bàn giao frontend

04

( Bàn làm việc )

Nox

“Chúng tôi đến với một sản phẩm chạy tốt và một câu chuyện thì không. Đội ngũ của họ siết lại cả hai — nhận diện, web và chuyển động đến cùng nhau như một hệ thống mà nhóm chúng tôi thực sự có thể tiếp tục giao hàng.”

Jonah Ellis

Trưởng bộ phận sản phẩm, Kite

Jonah Ellis · Trưởng bộ phận sản phẩm, Kite

05

( Điều gì đã xảy ra )

Tài liệu

42

Components

6

Release cycles

14 wk

Cadence