PublicSángDesktop
Trang chủ · sáng
Hero có kicker, headline accent 64px và MigrationDiagram, rồi stats, marquee, CaseCard nổi bật, domains, process và CTA band.
Màn hình và spec đánh số
Thiết kế portfolio
Mockup đã chốt của site public và admin kiểu Linear. Bám các màn này, đừng thiết kế lại. Light và dark dùng token trong spec; không hard-code nội dung trên trang.
Mở file Figma
Bản nháp, một số màn vẫn đang bind token
Bề mặt
Theme
- PublicTốiDesktop
Trang chủ · tối
Cùng cấu trúc home, dark theme tông jade. Kiểm tra glow của orb/grid và tương phản giữa background với band.
- PublicSángMobile
Trang chủ · mobile
Home 390px: header hamburger, diagram nằm dưới các nút, stats 2×2, domains một cột, CTA xếp dọc. Không tràn ngang.
- PublicSángDesktop
Trang chủ · đang tải
Khối skeleton cho hero+diagram, bốn stats, marquee, card nổi bật, domains và process. Atmosphere vẫn còn; shimmer tắt.
- PublicSángDesktop
About + timeline
Card avatar, bio, dải stats, timeline theo năm với LitGroup gom nhóm, principles đánh số, và skill theo độ sâu.
- PublicSángDesktop
Danh sách project
Pill lọc domain kèm count, một CaseCard nổi bật dạng rộng, rồi grid hai cột với một card đang hover.
- PublicSángDesktop
Case study · sáng
Particula v2: domain pill, meta grid, key facts, cột yêu cầu, DiffStat, TOC dính và thanh progress khi đọc.
- PublicTốiDesktop
Case study · tối
Cùng case study ở dark. Kiểm tra màu trung tính jade, hue của pill, và tương phản TOC trên nền card.
- PublicSángDesktop
Danh sách note
Search với gợi ý ⌘K, pill tag kèm count, và hàng PostCard với một card đang hover.
- PublicSángDesktop
Bài note
Eyebrow và tag phía trên H1, callout có icon tile, header của code block, card key-takeaways, và TOC dính.
- PublicSángDesktop
Liên hệ
Layout hai cột: card kênh có Copy email (chỉ placeholder) và form glass hiện một field đang lỗi.