Đội riêng
62 triệu/ kỹ sư / tháng
Có Bridge SE tiếng Nhật
Design system
Nexa
Xưởng kỹ thuật phần mềm: nền mực sumi ấm thay cho đen tuyền, một màu nhấn đỏ son (shu-iro, màu con dấu nghiệm thu Nhật) dùng tiết chế, chữ grotesk chặt + mono. Chi tiết terminal chỉ ở vài chỗ: thanh tên tệp trên panel, nhãn mono có ô vuông đỏ, thanh trạng thái kiểu IDE bám đáy với giờ Đà Nẵng và Tokyo. Tech stack trình bày như bảng tuần hoàn, kết quả dự án là con số lớn màu đỏ son.
Font
Tiêu đề
Familjen Grotesk
Phần mềm giao đúng hẹn
Nội dung
IBM Plex Sans
Kiểm thử tự động, báo cáo mỗi tuần, tài liệu song ngữ Việt – Nhật.
Nhãn, số liệu kỹ thuật
Chivo Mono
Tech stack · Đà Nẵng 09:30
Màu
Nền mực
#0E0F0E
CMS: Màu nền
Chữ giấy
#ECE9E2
CMS: Màu chữ. Cũng là nền khối CTA đảo màu
Đỏ son
#E5502E
Nút chính, chữ nhấn, trang hiện tại. CMS: Màu chính
Xanh trạng thái
#8FD4AE
Chấm "đang chạy", dấu ✓. CMS: Màu nhấn
Panel
chữ 3,5% trên nền
Tự tính
Đường kẻ
chữ 13% trên nền
Tự tính
Thang chữ
H1
Tinh tế trong từng chi tiết
Grotesk 600 · 40→76px · -3,5%
H2
Tinh tế trong từng chi tiết
Grotesk 600 · 30→50px · -3%
H3
Tinh tế trong từng chi tiết
Grotesk 600 · 21px · -2%
Thân
Tinh tế trong từng chi tiết
Plex Sans 400 · 15→16px
Nhãn
Tinh tế trong từng chi tiết
Mono · 11px · in hoa · +8% · ô vuông đỏ 6px
Thanh panel
Tinh tế trong từng chi tiết
Mono · 11–11,5px
Bo góc
- Nút, ô nhập6px
- Panel, thẻ8px
- Ô phím trong nút4px
Khoảng cách
- Khung nội dung1216px, lề 16 → 32px
- Khoảng section80px → 112px, ngăn bằng đường kẻ 1px
- Lưới12 cột, khe 16–64px
Chuyển động
Hiện dần 550ms cubic-bezier(.2,.8,.2,1): mờ → rõ, nhích 10px, không nhoè. Terminal hiện từng dòng cách nhau 260ms, con trỏ đỏ nhấp nháy. Ô phím trong nút nhích 2px, ảnh phóng 3% khi rê chuột, ảnh đội ngũ từ xám sang màu.
Thành phần
Nút
Gửi yêu cầu dự án Xem dịch vụ Đọc case study
Ô nhập & chip
Panel gói
Terminal
$nexa test --suite release✓412 kịch bản giao diện · 0 lỗi→Sẵn sàng phát hành$ Ô tech stack
02WEB
Rn React · Next.js
Kết quả & con dấu
−63% thời gian chốt sổ cuối tháng