✓ ĐÃ NÂNG CẤP LÊN TẦNG GIẢI PHẪU HỌC TYPOGRAPHY THẾ GIỚI (LAW_10 • CLAUDE2 OPUS 5.5 + 3 SUBAGENTS + 15/15 CỔNG UI/UX)
MA TRẬN KẾT HỢP CHỮ THƯỢNG TẦNG: [6 QUY LUẬT L1–L6 (P01–P12)] × [40 TIÊU ĐỀ H01–H40] × [50 KHUNG K01–K50] × [35 FONT CHỮ NHỎ S01–S35]
Theo nghiên cứu Typography thế giới của CLAUDE2 (Opus 5.5) trên 424 họ font (2.149 files) của anh Việt: hai font kết hợp chỉ đạt đỉnh cao khi ĐỒNG ĐIỆU VỀ TỶ LỆ QUANG HỌC (x-height ±3%, độ đậm tương đương) và ĐỐI LẬP CÓ CHỦ ĐÍCH Ở ĐÚNG 1–2 TRỤC CẤU TẠO. Toàn bộ 12 Tổ hợp P01–P12 dưới đây đều đã được khóa sẵn 4 file font (Tiêu đề chính + Từ khóa nhấn + Chữ bé Sans + Con số Mono) trong banner_laws.json để khi làm Banner lấy ra dùng ngay trong 0.1 giây!
Mã Quy Luật (LAW_10)
Nguyên Lý Giải Phẫu Thế Giới (Bringhurst / Hoefler / Klim / Grilli)
Trục Đồng Điệu (Giữ Nguyên)
Trục Tương Phản Có Chủ Đích (1–2 Trục)
Tổ Hợp Mẫu Mực Đã Khóa Sẵn
Luật L1 • Đồng Khung Xương Đa Nhánh Superfamily Skeleton
Ghép các nhánh Serif, Sans và Stencil do cùng 1 Foundry thiết kế trên cùng một khung xương giải phẫu.
Khung xương chữ (Skeleton), x-height, độ mở lòng chữ (Aperture).
Đầu nét Có chân Baroque / Cắt khe Stencil ↔ Không chân tối giản.
LỚP THƯỢNG TẦNG (MỚI) • CHỌN 1 CHẠM TRỌN BỘ 4 FONT ĐÃ CÂN CHỈNH GIẢI PHẪU (15/15 CỔNG PASS)
🔬 12 TỔ HỢP PHỐI CHỮ GIẢI PHẪU MẪU MỰC (P01 → P12 THEO 6 QUY LUẬT L1–L6)
Mỗi thẻ dưới đây là một Hệ Phối Chữ 4 Thành Phần Hoàn Chỉnh (1. Tiêu đề chính + 2. Từ khóa nhấn khác cấu tạo + 3. Chữ bé Sans mới + 4. Con số/Meta Mono) được cắt cận cảnh cả 3 tầng chữ để anh Việt nhìn rõ sự ăn khớp giữa Tiêu đề và Hộp chữ bé. Click vào bất kỳ thẻ P01–P12 nào để nạp ngay vào Bàn Lắp Ghép!
P01 • L1 (KLIM TYPE FOUNDRY + DINAMO)Luật L1 • Đồng Khung Xương Superfamily
Giải phẫu: Giữ nguyên: Skeleton Klim, xH=0.500, Aperture | Đối lập: Baroque Bracketed Serif ↔ High-Contrast Sans Ngành hợp nhất:Bất động sản cao cấp, Đầu tư, Thương hiệu Chủ doanh nghiệp
2. Từ khóa nhấn (.hl):FDLockSerifStencil-Bold.woff2
3. Chữ bé (Subline):FDLockSans-Medium.woff2
4. Con số & Meta:FDRMMono-Bold.woff2
Giải phẫu: Giữ nguyên: Khung xương Lock (xH=0.522) | Đối lập: Nét liền Solid ↔ Nét cắt khe Stencil công nghiệp Ngành hợp nhất:Hệ thống AI, Tự động hóa, Quy trình kỹ thuật, Khóa học thực chiến
🔍 CLICK ẢNH ĐỂ XEM BẢNG TO (P02 × K18)
Kiểm toán: 16/16 CỔNG PASS • Khe 2D: 15px
P03 • L2 (GRILLI TYPE × KLIM TYPE FOUNDRY)Luật L2 • Ductus Dao Khắc/Bút Cọ × Grotesque
Giải phẫu: Giữ nguyên: xH (~0.48) & Mật độ mực | Đối lập: Góc dao khắc nghiêng Calligraphic ↔ Grotesque trục đứng Ngành hợp nhất:Giải mã cơ chế, Tư vấn chiến lược, Pháp lý, Phản biện chuyên gia
🔍 CLICK ẢNH ĐỂ XEM BẢNG TO (P03 × K06)
Kiểm toán: 16/16 CỔNG PASS • Khe 2D: 10px
P04 • L2 (KLIM TYPE FOUNDRY × COTYPE)Luật L2 • Ductus Dao Khắc/Bút Cọ × Grotesque
Klim Martina Plantijn × Söhne (Akzidenz Heir) & Aeonik Mono
2. Từ khóa nhấn (.hl):FDMartinaPlantijn-BoldItalic.woff2
3. Chữ bé (Subline):FDSohne-Halbfett.woff2
4. Con số & Meta:FDAeonikMono-Bold.woff2
Giải phẫu: Giữ nguyên: Lòng chữ mở thoáng (xH=0.49) | Đối lập: Serif Phục hưng Hà Lan ấm áp ↔ Söhne kỷ luật Thụy Sĩ Ngành hợp nhất:Y khoa, Nha khoa, Giáo dục chuyên sâu, Đào tạo nghề chuẩn mực
🔍 CLICK ẢNH ĐỂ XEM BẢNG TO (P04 × K20)
Kiểm toán: 16/16 CỔNG PASS • Khe 2D: 14px
P05 • L3 (KLIM TYPE FOUNDRY)Luật L3 • Cực Tính Thanh-Đậm × Mono Cơ Khí
Klim Epicene Baroque Opulence × National 2 & Pitch Mono
2. Từ khóa nhấn (.hl):FDEpiceneDisplay-BoldItalic.woff2
3. Chữ bé (Subline):FDNational2-Medium.woff2
4. Con số & Meta:FDPitch-Bold.woff2
Giải phẫu: Giữ nguyên: Độ đầm khối chính | Đối lập cực đại: Nét thanh-đậm giọt lệ Baroque (≥5:1) ↔ Nét đơn đều cơ khí (1:1) Ngành hợp nhất:Spa, Thẩm mỹ viện, Thời trang, Mỹ phẩm, Làm đẹp cao cấp
🔍 CLICK ẢNH ĐỂ XEM BẢNG TO (P05 × K09)
Kiểm toán: 16/16 CỔNG PASS • Khe 2D: 9px
P06 • L3 (COMMERCIAL TYPE × DINAMO)Luật L3 • Cực Tính Thanh-Đậm × Mono Cơ Khí
Commercial Type Orlando Flare × Dinamo Monument Grotesk
Giải phẫu: Giữ nguyên: xH cực đại (0.544) | Đối lập: Chân chữ loe điêu khắc La Mã ↔ Grotesque công nghiệp thô ráp Ngành hợp nhất:Kiến trúc, Nội thất, Nghệ thuật điêu khắc, Sự kiện, F&B Thượng lưu
🔍 CLICK ẢNH ĐỂ XEM BẢNG TO (P06 × K03)
Kiểm toán: 16/16 CỔNG PASS • Khe 2D: 11px
P07 • L4 (KLIM TYPE FOUNDRY × COTYPE)Luật L4 • Chuyển Giọng Nội Tiêu Đề (Dual-Voice)
Klim Tiempos Roman+Italic × Untitled Sans (Super-Normal)
4. Con số & Meta:FDMonumentGroteskSemiMono-Bold.woff2
Giải phẫu: Giữ nguyên: Cỡ chữ đồng nhất & xH (~0.51) | Đối lập nội dòng: Khung Grotesque hiện đại ↔ Từ khóa Serif Italic cổ điển Ngành hợp nhất:Sáng tạo nội dung, Marketing hiện đại, Agency, Khởi nghiệp, Thiết kế
🔍 CLICK ẢNH ĐỂ XEM BẢNG TO (P08 × K05)
Kiểm toán: 16/16 CỔNG PASS • Khe 2D: 17px
P09 • L5 (GRILLI TYPE × COTYPE)Luật L5 • Đối Cực Chiều Rộng & Bẫy Mực Inktrap
Grilli Flexa Inktrap Architecture × Walsheim Pro & Aeonik Fono
Giải phẫu: Giữ nguyên: Độ dày nét Bold | Đối lập: Khe bẫy mực Inktrap khoét sâu góc giao ↔ Hình học tròn trịa Walsheim Ngành hợp nhất:Công nghệ, Phần mềm, Hiệu suất làm việc, Quảng cáo ra đơn thực tế
🔍 CLICK ẢNH ĐỂ XEM BẢNG TO (P09 × K10)
Kiểm toán: 16/16 CỔNG PASS • Khe 2D: 16px
P10 • L5 (KLIM TYPE FOUNDRY)Luật L5 • Đối Cực Chiều Rộng & Bẫy Mực Inktrap
Klim American Grotesk Condensed (96px Tower) × Calibre & Karbon Slab
1. Tiêu đề chính:FDAmericanGroteskCondensed-Bold.woff2
2. Từ khóa nhấn (.hl):FDAmericanGroteskCondensed-BoldItalic.woff2
3. Chữ bé (Subline):FDCalibre-Medium.woff2
4. Con số & Meta:FDKarbonSlabStencil-Bold.woff2
Giải phẫu: Giữ nguyên: Trục đứng Grotesque | Đối lập chiều rộng: Thân chữ nén cao 96px (Condensed) ↔ Chữ ngang mở rộng Calibre Ngành hợp nhất:Sự kiện Offline, Tuyển sinh khóa học, Chiến dịch tốc độ, Thể thao
🔍 CLICK ẢNH ĐỂ XEM BẢNG TO (P10 × K21)
Kiểm toán: 16/16 CỔNG PASS • Khe 2D: 23px
P11 • L6 (KLIM TYPE FOUNDRY × COTYPE)Luật L6 • Giao Thoa Di Sản Cổ Điển × Hiện Đại
Financial Times Authority (Financier 95px) × CoType RM Neue & Mono
2. Từ khóa nhấn (.hl):FDFinancierDisplay-BoldItalic.woff2
3. Chữ bé (Subline):FDRMNeue-Regular.woff2
4. Con số & Meta:FDRMMono-Bold.woff2
Giải phẫu: Giữ nguyên: Khí chất quyền lực điềm tĩnh | Đối lập: Serif cổ điển Anh Quốc (xH=0.444) ↔ Swiss Grid RM Neue (xH=0.520) Ngành hợp nhất:Tài chính, Chứng khoán, Quản trị doanh nghiệp, BĐS Vốn lớn
🔍 CLICK ẢNH ĐỂ XEM BẢNG TO (P11 × K02)
Kiểm toán: 16/16 CỔNG PASS • Khe 2D: 17px
P12 • L6 (GRILLI TYPE × COTYPE & KLIM)Luật L6 • Giao Thoa Di Sản Cổ Điển × Hiện Đại
Giải phẫu: Giữ nguyên: Lòng chữ rộng dễ đọc | Đối lập đầu nét: Chân chữ vát góc cạnh Zirkon ↔ Đầu nét bo tròn ấm áp Aeonik Soft Ngành hợp nhất:Văn hóa, Ẩm thực/F&B truyền thống, Du lịch, Đời sống, Quà tặng
🔍 CLICK ẢNH ĐỂ XEM BẢNG TO (P12 × K15)
Kiểm toán: 16/16 CỔNG PASS • Khe 2D: 18px
LỚP 1 • CHỈ XEM CẬN CẢNH TIÊU ĐỀ CHÍNH (KHÔNG KÈM HỘP CHỮ BÉ)
🔹 LỚP 1: BỘ CHỌN FONT TIÊU ĐỀ ĐƠN (30 HỌ FONT TIÊU ĐỀ ĐÃ CHUẨN HÓA LAW_09: H01 → H30)
Khi muốn tự lắp ghép riêng từng Font Tiêu Đề Có Chân truyền thống với bất kỳ Khuôn Chữ Bé nào, anh Việt chọn tại kệ này (chia theo trục chiều cao chữ thường xH: 1A / 1B / 1C).
LỚP 2 • CHỈ XEM CẬN CẢNH CHIẾC HỘP CHỮ BÉ (ĐÃ BỎ VĨNH VIỄN #11 GIẤY GHIM VÀNG)
🔸 LỚP 2: BỘ CHỌN KHUÔN KHUNG CHỮ BÉ (TRÒN 50 KHUÔN CHIA ĐỀU 5 HỌ LOGIC × 10 KHUÔN: K01 → K50, ĐẠT 20/20 CỔNG)
Mỗi thẻ dưới đây chỉ cắt cận cảnh Chiếc Hộp Chữ Bé nền tối, chia vào 5 Họ Logic Nội Dung (đã loại bỏ vĩnh viễn Kiểu #11 Tờ giấy ghim vàng lỗi UI/UX). Có thể ghép bất kỳ Khuôn nào với Tổ hợp P01–P12 hoặc Tiêu đề H01–H20!
K01 • HAI VẾ ĐỐI LẬP (× / ✓)Họ 1 • Đối Chiếu Sai × / Đúng ✓
Phân tách tín hiệu thị trường thành 2 dải sóng: Nhiễu sóng (bắt trend vô bổ) đối lập với Trúng đích (mổ xẻ bệnh nghề).
🔍 CLICK ẢNH XEM BẢNG TO (LỚP 2)
Tác giả khuôn: CLAUDE2 • rPad=89.5px • Đạt 16/16 Cổng
K39 • CẶP THOẠI TƯ DUY NGƯỢC LỆCH TRÁI – PHẢI (ĐÁM ĐÔNG VS K4)Họ 4 • Tin Nhắn & Hỏi–Đáp
[SỐ ĐÔNG] “Phải đăng mỗi ngày khách mới nhớ” ↔ [THỰC TẾ K4] “Khách chỉ nhớ người trị đúng bệnh”
Hai hộp thoại đặt lệch trái – phải (Staggered Dual Bubbles) tạo nhịp đối đáp trực diện giữa Số Đông và Thực Tế K4.
🔍 CLICK ẢNH XEM BẢNG TO (LỚP 2)
Tác giả khuôn: GEMINI • rPad=36px • Đạt 16/16 Cổng
K40 • DẢI BĂNG KIỂM CHỨNG THỰC NGHIỆM (HEADER RIBBON 31/31 NGÀNH)Họ 5 • Tuyên Ngôn & Đúc Kết
[✓ ĐÃ KIỂM CHỨNG TRÊN 31 NGÀNH NGHỀ · K4] ▪ Không gồng quay mỗi ngày ▪ Chỉ cần 01 bài Giải Mã.
Thiết kế thẻ hồ sơ có thanh Header Ribbon vàng tràn đỉnh hộp, bên dưới chốt 2 nguyên tắc giải phóng sức lao động.
🔍 CLICK ẢNH XEM BẢNG TO (LỚP 2)
Tác giả khuôn: CLAUDE2 • rPad=94.6px • Đạt 16/16 Cổng
K41 • CHU KỲ TÍCH LŨY LÃI KÉP 3 MỐC (TUẦN 01 → TUẦN 04 → THÁNG 03)Họ 2 • Con Số & Thời Gian / Lịch
[TUẦN 01: 02 bài] · [TUẦN 04: 08 bài] · [THÁNG 03: Kho 24 bài chốt khách] | Mỗi bài giải mã là 01 tài sản số nuôi kênh dài hạn.
Ba hộp mốc thời gian nối tiếp nhau thể hiện hiệu ứng lãi kép nội dung từ Tuần 01 đến Tháng 03, chốt định nghĩa tài sản số ở đáy.
🔍 CLICK ẢNH XEM BẢNG TO (LỚP 2)
Tác giả khuôn: CLAUDE2 • rPad=33.6px • Đạt 20/20 Cổng
K42 • MA TRẬN KIỂM ĐỊNH 4 Ô VUÔNG (2×2 QUADRANT CHECKLIST)Họ 3 • Công Thức & Bảng Kiểm
[✓ 01. Đúng triệu chứng] | [✓ 02. Đúng cơ chế gốc] / [✓ 03. Đúng bằng chứng] | [✓ 04. Đúng lời mời học]
Lưới ma trận 2×2 ô vuông kiểm định 4 tiêu chuẩn bài viết K4 có dấu tích vàng, giúp rà soát chất lượng bài trong 3 giây.
🔍 CLICK ẢNH XEM BẢNG TO (LỚP 2)
Tác giả khuôn: GEMINI • rPad=66px • Đạt 20/20 Cổng
K43 • THANG ĐO 3 CẤP ĐỘ VỊ THẾ (CẤP 1 → CẤP 2 → CẤP 3)Họ 3 • Công Thức & Bảng Kiểm
[CẤP 1] Đăng cho có mặt trên bảng tin | [CẤP 2] Chia sẻ mẹo vặt ai cũng biết | [CẤP 3 · K4] Giải mã đúng bệnh khiến khách tự tìm
Ba thanh ngang xếp tầng tăng dần độ sáng từ Cấp 1 (đăng cho có) lên Cấp 3 · K4 (giải mã đúng bệnh khiến khách tự tìm).
🔍 CLICK ẢNH XEM BẢNG TO (LỚP 2)
Tác giả khuôn: CLAUDE2 • rPad=86.5px • Đạt 20/20 Cổng
K44 • PHƯƠNG TRÌNH NHÂN HỆ SỐ CHUYỂN ĐỔI ([ĐỘ SÂU] × [ĐÚNG ĐAU] = [TỰ CHỐT])Họ 3 • Công Thức & Bảng Kiểm
[01 BÀI SÂU] × [TRÚNG NỖI SỢ] = [KHÁCH TỰ NHẮN] — Một vế bằng 0 thì đăng 100 bài kết quả vẫn bằng 0.
Biểu diễn quy luật chuyển đổi bằng phương trình phép nhân trực quan: chỉ cần một vế bằng 0 thì đăng 100 bài kết quả vẫn bằng 0.
🔍 CLICK ẢNH XEM BẢNG TO (LỚP 2)
Tác giả khuôn: GEMINI • rPad=30.1px • Đạt 20/20 Cổng
K45 • THẺ CÂU HỎI PHẢN BIỆN NGƯỢC ([NGHỊCH LÝ XÂY KÊNH])Họ 4 • Tin Nhắn & Hỏi–Đáp
[? NGHỊCH LÝ] Vì sao kênh trăm nghìn xem vẫn vắng khách hỏi mua? | [! LỜI GIẢI] Vì người xem giải trí khác hẳn người sẵn sàng trả tiền.
Đặt câu hỏi phản biện trực diện vào nghịch lý 'nhiều view nhưng 0 khách', sau đó chốt lời giải đanh thép ở dòng dưới.
🔍 CLICK ẢNH XEM BẢNG TO (LỚP 2)
Tác giả khuôn: CLAUDE2 • rPad=73.4px • Đạt 20/20 Cổng
K46 • HỘP THOẠI BÁC SĨ KÊNH ([BỆNH NHÂN KỂ] / [BÁC SĨ KÊ ĐƠN])Họ 4 • Tin Nhắn & Hỏi–Đáp
[TÂM SỰ] “Em quay clip mỗi ngày mà khách chỉ xem rồi lướt...” | [KÊ ĐƠN] Dừng quay vội. Viết 01 bài gọi đúng tên nỗi đau nghề.
Mô phỏng ca khám bệnh kênh thực chiến: hàng trên là lời than thở của chủ kênh, hàng dưới là phác đồ kê đơn dứt khoát.
🔍 CLICK ẢNH XEM BẢNG TO (LỚP 2)
Tác giả khuôn: GEMINI • rPad=37.4px • Đạt 20/20 Cổng
K47 • BIÊN BẢN TỰ VẤN TRƯỚC KHI ĐĂNG ([CÂU HỎI GÁC CỔNG])Họ 4 • Tin Nhắn & Hỏi–Đáp
CÂU HỎI GÁC CỔNG TRƯỚC KHI BẤM ĐĂNG: “Bài viết này giải quyết đứt điểm việc gì cho khách?”
Khung viền trái vàng đậm đóng vai trò trạm gác cổng tư duy trước khi bấm đăng bài: buộc bài viết phải giải quyết đứt điểm 1 việc.
🔍 CLICK ẢNH XEM BẢNG TO (LỚP 2)
Tác giả khuôn: CLAUDE2 • rPad=48.1px • Đạt 20/20 Cổng
K48 • NHẬT KÝ TIN NHẮN ĐẾN LÚC 23:14 ([23:14 · HỘP THƯ ĐẾN])Họ 4 • Tin Nhắn & Hỏi–Đáp
● 23:14 ĐÊM · TIN NHẮN TỪ KHÁCH LẠ: “Anh ơi em đọc đúng 01 bài của anh mà thấy giống hệt mình.”
Tái hiện khoảnh khắc khách hàng tự nhắn tin lúc 23:14 đêm sau khi đọc trúng 1 bài viết bóc tách đúng tâm lý.
🔍 CLICK ẢNH XEM BẢNG TO (LỚP 2)
Tác giả khuôn: GEMINI • rPad=66.5px • Đạt 20/20 Cổng
K49 • THẺ HÓA GIẢI NGẠI NGÙNG THẦM KÍN ([KHÁCH NGẠI NÓI] → [BÀI VIẾT GỌI TÊN])Họ 4 • Tin Nhắn & Hỏi–Đáp
[ĐIỀU KHÁCH NGẠI] Sợ hỏi giá xong không mua bị đánh giá | [BÀI VIẾT MỞ ĐƯỜNG] Phân tích rõ cơ chế để khách yên tâm đặt lịch.
Chia 2 dòng đối ứng: gọi tên rào cản tâm lý khách ngại nói ra và dùng bài viết mở đường để khách yên tâm đặt lịch.
🔍 CLICK ẢNH XEM BẢNG TO (LỚP 2)
Tác giả khuôn: CLAUDE2 • rPad=135.4px • Đạt 20/20 Cổng
K50 • BẢN HIẾN CHƯƠNG ĐÚC KẾT K4 ([NGUYÊN TẮC SỐ 50 · CHỐT HẠ])Họ 5 • Tuyên Ngôn & Đúc Kết
★ NGUYÊN TẮC SỐ 50 · ĐÚC KẾT K4 ★ Đừng lấy số lượng bài đăng che đậy sự lười suy nghĩ. Hãy đầu tư chất xám vào 01 bài khiến khách nể phục.
Khung hiến chương khép lại trọn bộ 50 khuôn K4: đóng khung ngôi sao vàng ở đỉnh, tuyên ngôn 2 vế đanh thép bên dưới.
🔍 CLICK ẢNH XEM BẢNG TO (LỚP 2)
Tác giả khuôn: GEMINI • rPad=41.8px • Đạt 20/20 Cổng
LỚP 3 (MỚI) • BỘ CHỌN 35 HỌ FONT CHỮ NHỎ KHÔNG CHÂN (S01 → S35 • CẶP REGULAR/MEDIUM 500 + BOLD 700)
🟣 LỚP 3: BỘ CHỌN 35 HỌ FONT CHỮ NHỎ KHÔNG CHÂN (S01 → S35 • ĐẠT 20/20 CỔNG UI/UX)
Theo thống kê toàn bộ 2.149 file font trong kho cùng CLAUDE2 (Opus 5.5): đây là trọn bộ 35 họ Font Không Chân (`Sans-Serif`) ưu tú nhất có đủ cặp Regular/Medium 500 (cho dòng dẫn/triệu chứng) và Bold 700 (cho dòng kết luận/hành động), đọc sắc lẹm ở cỡ chữ nhỏ 19.5px–21px trên điện thoại. Click vào bất kỳ thẻ S01–S35 nào để chọn Font Chữ Nhỏ hoặc mở Bảng Xem To!
S01 • FD AEONIKNhóm S3 • Geometric & Neo-Grotesk Quốc Tế (17 họ)
× 500: Thiết kế chuyên biệt cho màn hình di động. | ✓ 700: Đạt điểm tối đa về phân tách Regular/Bold.
Grilli Micro-Cut · Chuẩn biên tập số — Kiểm định trực tiếp cặp Regular/Medium (19.5px) + Bold (20px) trên nền hộp tối, đạt chuẩn 20/20 cổng UI/UX.
🔍 CLICK ẢNH XEM BẢNG TO (FONT CHỮ NHỎ S35)
rPad=39.6px • 20/20 PASS
LỚP 4 (NÂNG CẤP V2.0 • 3 LOGIC CHÍNH–PHỤ × 3 KIỂU THIẾT KẾ) • BỘ CHỌN PHÂN CẤP GIÁ & CAM KẾT (M01 → M06)
🔶 LỚP 4: 3 LOGIC CHÍNH–PHỤ × 3 KIỂU THIẾT KẾ KHUNG GIÁ & BẢO LÃNH (M01 → M06 • ĐÃ KHẮC PHỤC TRIỆT ĐỂ LỖI SÁT CHỮ & DẤU CHẤM RỖNG)
Thiết kế mới theo 3 Logic Phân Cấp Chính – Phụ (khắc phục hoàn toàn lỗi dấu chấm rỗng 4 . 000 . 000đ của font Mono và lỗi 2 hàng chữ dính sát nhau): • Kiểu 1 (M01, M04 — Logic 1: Giá & Bảo Lãnh Làm Trung Tâm, Lịch Học Lên Nhãn Eyebrow Trên): Đưa Lịch học lên dòng nhãn nhỏ (14.8px Uppercase #94A3B8) ở trên để giải phóng mặt bằng; Hàng chính bên dưới đặt Giá 4.000.000đ (38.5px Bold) làm nhân vật chính bên trái, ngăn cách bằng vạch dọc thoáng 48px với khối Bảo lãnh 2 dòng bên phải. • Kiểu 2 (M02, M05 — Logic 2: Bảng Chia 2 Cột Trái–Phải Độc Lập / Split Ledger): Chia mặt bằng thành 2 cột bằng vạch ngăn dọc xuyên suốt: Cột Trái xếp chồng Lịch học (21px Bold) + Cam kết hoàn tiền (16.5px Medium, cách dòng 10px); Cột Phải là Ô Giá độc lập gồm nhãn HỌC PHÍ 2 NGÀY và số 4.000.000đ (35px Bold). • Kiểu 3 (M03, M06 — Logic 3: Hàng Chính Tương Phản Mảnh/Đậm + Đóng Khung Thanh Pill Bảo Lãnh): Hàng trên hạ Lịch học xuống 20px Medium #CBD5E1 để tôn Giá 4.000.000đ (36px Bold #FFFFFF) làm chính (khoảng trống giữa 2 cụm rộng >70px); Hàng dưới cách 14px đóng gọn vào Thanh Pill nền mờ viền mảnh tách biệt.
🔬 SO SÁNH TRỰC DIỆN 1-ĐỐI-1: THIẾT KẾ CŨ (4 LỖI KHOẢNG CÁCH & CHÍNH–PHỤ) VS. 3 KIỂU THIẾT KẾ MỚI (M01 · M02 · M03)
M01 • KIỂU 1 (LOGIC 1: GIÁ LÀM TRUNG TÂM) • NHÃN LỊCH HỌC TRÊN + GIÁ 4.000.000Đ & BẢO LÃNH DƯỚIKiểu 1 • Logic 1: Giá & Bảo Lãnh Trung Tâm (M01, M04)
Lịch & Địa điểm: OFFLINE 2 NGÀY · 07–08/11 · Long Biên, HN•Giá Chính (Hero): 4.000.000đ (FDAeonik Bold Kerning Khít)
● OFFLINE 2 NGÀY · 07–08/11 · Long Biên, HN ─── 4.000.000đ | ✓ Chưa thấy hợp sau Ngày 1: hoàn 100% học phí
Logic 1 (Eyebrow + Hero Price): Đưa Lịch & Địa điểm lên dòng nhãn nhỏ (15px Uppercase Xám bạc) ở trên để giải phóng mặt bằng. Hàng chính bên dưới đặt Giá 4.000.000đ (38px Bold Trắng) làm nhân vật chính bên trái, ngăn cách bằng vạch dọc thoáng 36px với khối Bảo lãnh hoàn tiền 2 dòng bên phải.
M02 • KIỂU 2 (LOGIC 2: BẢNG CHIA 2 CỘT) • CỘT TRÁI LỊCH & CAM KẾT × CỘT PHẢI Ô GIÁ ĐỘC LẬPKiểu 2 • Logic 2: Bảng Chia 2 Cột Độc Lập (M02, M05)
Lịch & Địa điểm: 07–08/11 · Long Biên, HN•Giá Chính (Hero): 4.000.000đ (FDAeonik Bold Kerning Khít)
● 07–08/11 · Long Biên, HN ─── 4.000.000đ | ✓ Hoàn 100% học phí sau Ngày 1
Logic 2 (Split 2-Column Ledger): Chia 2 cột Trái – Phải bằng vạch ngăn dọc xuyên suốt. Cột Trái xếp chồng Lịch học (21px Bold) và Cam kết hoàn tiền (16.5px Medium, cách dòng 10px, cách vạch dọc 48px). Cột Phải là Ô Giá độc lập gồm nhãn 'HỌC PHÍ 2 NGÀY' (13px) và con số 4.000.000đ (35px Bold).
Lịch & Địa điểm: 07–08/11 · Long Biên, HN•Giá Chính (Hero): 4.000.000đ (FDAeonik Bold Kerning Khít)
● 07–08/11 · Long Biên, HN ─── 4.000.000đ | Chưa thấy hợp sau Ngày 1 · hoàn 100% học phí
Logic 3 (Contrast Row + Guarantee Pill Bar): Hàng trên hạ Lịch học xuống 20px Medium Xám sáng (#CBD5E1) để tôn Giá 4.000.000đ (36px Bold Trắng #FFFFFF) làm chính, khoảng trống ở giữa rộng >65px. Hàng dưới cách 12px được đóng vào Thanh Pill nền mờ viền mảnh riêng biệt.
M04 • KIỂU 1B (LOGIC 1 BIẾN THỂ) • NHÃN LỊCH HỌC TRÊN + GIÁ 4.000.000Đ & TẶNG KHÓA ONLINE DƯỚIKiểu 1 • Logic 1: Giá & Bảo Lãnh Trung Tâm (M01, M04)
Lịch & Địa điểm: TRỰC TIẾP 2 NGÀY · 07–08/11 · Long Biên, HN•Giá Chính (Hero): 4.000.000đ (FDAeonik Bold Kerning Khít)
● TRỰC TIẾP 2 NGÀY · 07–08/11 · Long Biên, HN ─── 4.000.000đ | ✓ Tặng khóa Online quay sẵn · Hoàn 100% sau Ngày 1
Biến thể của Kiểu 1 (Logic 1): Dòng Eyebrow nhỏ phía trên nêu lịch học; Hàng chính bên dưới đặt Giá 4.000.000đ (38px Bold) bên trái, vạch dọc ở giữa, và 2 quyền lợi sát sườn bên phải.
M05 • KIỂU 2B (LOGIC 2 BIẾN THỂ) • CỘT TRÁI LỊCH & CẦM VIDEO VỀ NGAY × CỘT PHẢI Ô GIÁKiểu 2 • Logic 2: Bảng Chia 2 Cột Độc Lập (M02, M05)
Lịch & Địa điểm: 07–08/11 · Long Biên, HN•Giá Chính (Hero): 4.000.000đ (FDAeonik Bold Kerning Khít)
● 07–08/11 · Long Biên, HN ─── 4.000.000đ | ✓ Cầm video về ngay · Hoàn 100%
Biến thể của Kiểu 2 (Logic 2): Bảng 2 cột tách biệt Trái – Phải, giúp mắt quét độc lập thông tin buổi học bên trái và mức học phí trọn gói 4.000.000đ bên phải.