Tập trung vào công việc,làm chủ mọi dự án của bạn.

Một không gian làm việc liền mạch, trực quan và tốc độ cao. Kết nối mục tiêu, quản lý tiến độ và trao quyền cho đội ngũ thực thi hiệu quả mà không bị phân tán.

Dùng thử miễn phí Khám phá Hệ thống Thiết kế

Dễ dàng tìm kiếm mọi lúc với⌘K• Miễn phí không cần thẻ tín dụng

Planify / Dự án Phát triển Sản phẩm SaaS / Q4 Sprint

● Đang hoạt động

🚀Kế hoạch Ra mắt Nền tảng Q4

Theo dõi công việc phát triển, kiểm thử chất lượng và chuẩn bị truyền thông trước ngày ra mắt thị trường.

Mục tiêu Sprint hiện tại

Hoàn tất nâng cấp hệ thống giao diện, tối ưu hóa hiệu năng tải trang dưới 100ms và đồng bộ các token thiết kế chuẩn mực.

Cần làm2

Ưu tiên Cao#PL-104

Tối ưu hóa bảng chỉ mục cơ sở dữ liệu

05 Th11 Backend

Nghiên cứu#PL-105

Khảo sát ý kiến người dùng về dark mode

08 Th11 UX

Đang xử lý1

Đang làm#PL-102

Chuẩn hóa typography và spacing theo Notion

Hôm nay Design

Hoàn thành2

Đã xong#PL-99

Thiết lập kiến trúc Drizzle ORM và Neon

Đã duyệt Core

Design System Reference

Nguyên tắc Thiết kế Chuẩn mực theo Notion

Hệ thống phân cấp thị giác tinh giản, chú trọng vào độ tương phản dịu mắt, đường viền siêu mảnh (hairline), typography có tracking chuẩn xác và các thành phần responsive linh hoạt.

1. Typography & Hierarchy

Tỷ lệ font chữ và letter-spacing (tracking) được tối ưu hóa cho tài liệu và dashboard.

H1 Display / 36px

Làm chủ công việc và quy trình

H2 Section / 24px

Phối hợp nhóm không rào cản

H3 Subsection / 18px

Tiến độ chiến dịch quý 4

Body / 14px leading-relaxed

Thiết kế được xây dựng dựa trên nguyên tắc tối giản của Notion: nền sáng dịu mắt, màu chữ charcoal không gây chói lóa và khoảng cách dòng thoải mái cho mắt đọc.

Microcopy & Code

Phím tắt nhanh:⌘KEsc↵--color-sidebar

2. Bảng Màu Thẻ Thuộc tính (Notion 9-Tone)

9 gam màu pastel đặc trưng của Notion dành cho tags, trạng thái và nhãn công việc.

Thẻ thuộc tính tiêu chuẩn (rounded-sm):

Mặc định (Gray)Nâu (Brown)Cam (Orange)Vàng (Yellow)Xanh lá (Green)Xanh dương (Blue)Tím (Purple)Hồng (Pink)Đỏ (Red)

Dạng Pill (Rounded-full)

Trạng thái công việc (pill shape):

Chưa bắt đầuĐang thực hiệnĐang chờ duyệtĐã hoàn thànhBị chặn (Blocked)

Kiểu Nền Solid & Hairline

Solid DarkSecondaryOutline Hairline

3. Khối Chú thích (Notion Callouts)

Thành phần nhận diện đặc trưng của Notion kết hợp biểu tượng và nội dung thông tin.

Khối Chú thích Mặc định

Sử dụng nền neutral nhẹ để làm nổi bật các đoạn ghi chú hoặc hướng dẫn chung.

Thông tin / Mẹo hữu ích

Nhấn phím tắt nhanh để duyệt nhanh danh sách dự án mà không cần rời bàn phím.

Cảnh báo Tiến độ

Hạn chót hoàn thành giai đoạn thử nghiệm đóng lại sau 48 giờ.

Hoàn tất Đồng bộ

Dữ liệu sprint và các bảng chỉ số đã được tự động lưu trữ trên đám mây.

Lỗi Phân quyền

Bạn cần quyền Quản trị viên để chỉnh sửa cấu hình không gian làm việc này.

4. Nút bấm, Liên kết & Bo góc (Borders & Radius)

Độ bo góc 6px (rounded-md), hairline border 1px và các biến thể tương tác tinh tế.

Các biến thể Nút bấm (Variants):

Kích thước Nút (Sizes)

Hành động kèm Phím tắt & Biểu tượng