Creative Giants

Áp phích biên tập khổ lớn trên giấy màu kem.

Creative Giants trông giống như một trang minh họa khổ lớn trong sách nghệ thuật, được thể hiện bằng mã lập trình: một nền màu kem ấm áp, lề mỏng và kiểu chữ lớn đến mức giống như một tấm áp phích hơn là một tiêu đề. Toàn bộ hệ thống hoạt động dựa trên không gian âm và một kích thước duy nhất, nhẹ (300) — các tiêu đề hầu như không thể nghe thấy ở kích thước 64–84px, thay vì nổi bật với chữ đậm, và khoảng cách giữa các chữ giảm mạnh (-0.04em) khi kích thước chữ tăng lên, khiến các từ trông như được khắc chứ không phải bị bong ra. Bảng màu được phân bổ bằng những nét cọ nhỏ, bão hòa: màu tím rực rỡ, màu ngọc lam đậm, màu xanh nhạt, màu hồng tươi, màu bạc hà và màu xanh hải quân xuất hiện như bề mặt thẻ hoặc điểm nhấn, chứ không phải là màu nền. Các yếu tố tương tác là các hình dạng màu đen trên nền kem với bán kính bo tròn hoàn toàn (1440px), trong khi các yếu tố mạ crôm gần như vô hình — một logo tròn duy nhất và nút "Menu" nổi trong không gian trắng. Khái niệm hình ảnh là một bảng liên hệ của một studio sản xuất: một tiêu đề lớn, một bức ảnh toàn chiều rộng, một dòng văn bản phụ ngắn gọn. Mỗi trang khác nên tuân theo cùng một phong cách ngắn gọn.

Bố cục trang đầy đủ: Không có vùng chứa chiều rộng tối đa; nội dung chiếm toàn bộ chiều rộng của trang với lề trái và phải bằng nhau (16–32px trên thiết bị di động, 32px+ trên máy tính để bàn). Tiêu đề chính là một dòng chữ lớn duy nhất (“CREATIVE GIANTS” ở kích thước 84px) chiếm khoảng 40% khung nhìn, ngay sau đó là một bức ảnh đầy đủ với thẻ meta ở góc dưới bên trái và một lớp phủ tiêu đề. Nhịp điệu của các phần rất thống nhất: mỗi phần mới bắt đầu bằng một đoạn văn bản ngắn viết hoa toàn bộ và một lời giải thích, được phân tách bởi khoảng trắng 48–64px—không có các dải màu tối/sáng xen kẽ ngoại trừ một thẻ nhấn màu mực xanh đậm đảo ngược. Nội dung được căn trái; không có khối nào được căn giữa ngoại trừ tiêu đề chính. Phần tin tức/nghiên cứu trường hợp sử dụng lưới ba cột gồm các thẻ với một khối mũi tên nổi ở bên phải. Điều hướng được thực hiện thông qua một tiêu đề trên cùng duy nhất—không có thanh bên hoặc bất kỳ phần tử neo nào ngoài chính tiêu đề đó. Bố cục tổng thể rộng rãi và nhất quán với phong cách biên tập: mỗi phần đều có khoảng lặng, và khoảng trắng là yếu tố cấu trúc chính.

Thiết kế chủ đạo là ảnh chụp biên tập: hình ảnh chiếm toàn bộ chiều rộng của trang, với các góc sắc nét, không chồng chéo hoặc bo tròn. Phong cách nghiêng về hướng tài liệu và mang tính chất gợi cảm xúc – những bàn tay nhăn nheo, các tác phẩm nghệ thuật công cộng và những bức ảnh đời thường của con người – mà không bao giờ sử dụng ảnh sản phẩm dàn dựng. Hình ảnh luôn được trình bày ở tỷ lệ lớn (toàn màn hình hoặc lấp đầy toàn bộ thẻ), vì vậy đơn vị thiết kế chính là bức ảnh, chứ không phải giao diện người dùng. Không có hình minh họa, mô hình 3D hoặc ảnh mô phỏng sản phẩm. Biểu tượng được tối giản: một logo hình tròn nhỏ duy nhất, các mũi tên viền trên các nút điều khiển băng chuyền và các biểu tượng giao diện người dùng nhẹ với đường viền 1px. Mật độ hình ảnh được xác định bởi chính hình ảnh đó, và văn bản đóng vai trò là lớp chú thích kín đáo bên dưới hoặc bên trên bức ảnh.

Chủ nghĩa tối giản Bài xã luận

https://www.creativegiants.art

Bảng màu

Thương hiệu

Magenta Bloom #8a0467 — Màu hồng được sử dụng như một điểm nhấn phụ cho các chi tiết trang trí và để làm nổi bật các truy vấn tìm kiếm ít được sử dụng hơn. Không nên sử dụng màu hồng làm màu chủ đạo cho lời kêu gọi hành động.
Forest Teal #03624c — Một màu sắc nổi bật, sang trọng cho khung thiệp và các chi tiết trang trí; kết hợp với màu Magenta Bloom tạo hiệu ứng hai tông màu.

Trung lập

Bone White #fffef7 — Bề mặt giấy, bìa cứng và chữ trên nền tối có màu kem ấm áp, thay thế cho màu #ffffff nguyên bản và mang lại cho toàn bộ hệ thống cảm giác như giấy in.
Ink Black #000000 — Màu tối làm nổi bật văn bản và biểu tượng trung tính, tạo ra độ tương phản mạnh. Tránh sử dụng nó làm màu chủ đạo cho các lời kêu gọi hành động.
Graphite #666666 — Văn bản phụ, chú thích, siêu dữ liệu và văn bản hỗ trợ được đẩy xuống phía sau để văn bản chính nổi bật hơn.
Ash #aaaaaa — Viền trường nhập liệu, màu liên kết không hoạt động, đường phân cách cấp ba - một màu xám mềm mại mang tính cấu trúc, sẽ biến mất khi không cần thiết.
Charcoal Scale #4d4c4a — Sử dụng màu trung tính vừa phải cho viền danh sách, với độ tương phản được tăng nhẹ trên đường chuyển màu tối - màu xám ấm thay vì xám xanh.
Powder Blue #a5c8eb — Những điểm nhấn màu sắc nhẹ nhàng—như hình nền kiểu bưu thiếp, hình nền mờ, màu nền minh họa dịu nhẹ—giúp làm dịu bớt tông màu ấm của nền mà không tạo ra sự cạnh tranh.

Kiểu chữ

Từ 12 đến 84px · 7 bước

Switzer — thay thế: Inter (300 · phác thảo 300, 400 · Hệ thống phông chữ đơn: độ đậm 300 cho tất cả các yếu tố hiển thị và tiêu đề (12–84px), độ đậm 400 cho văn bản chính, siêu dữ liệu và các điều khiển giao diện người dùng. Tùy chọn được ưu tiên là sử dụng độ đậm 300 ở kích thước 64–84px—hầu hết các hệ thống sử dụng phông chữ đậm 700–800 ở đây; phông chữ Switzer có tông màu nhạt duy trì các đường nét mảnh, tạo ấn tượng như kiểu chữ được phun sơn trên nền kem. Khoảng cách giữa các chữ cái hẹp hơn khi kích thước tăng lên (-0.04em ở 84px, -0.018em ở 14px) giúp giữ cho không gian bên trong được thông thoáng, mà không tạo cảm giác thưa thớt.

Khoảng cách và hình thức

Mục đích	Nghĩa
Tỉ trọng	trung bình
Bước cơ bản	8px
Bán kính nút	1440px
Bán kính thẻ	0px
Bóng tối	không - viền thay vì bóng
Giữa các phần	64px

AI sẽ xây dựng trang web của bạn theo phong cách Creative Giants và điền đầy đủ thông tin vào đó.

Đăng tải sản phẩm và bài viết qua các liên kết sau: Instagram, TikTok, Facebook.
Chuyển nội dung từ trang web cũ của bạn—chỉ cần chỉ định địa chỉ.
Thiết kế hiện đại trên nền tảng tốt nhất: React ( Next.js) với khả năng render phía máy chủ và tối ưu hóa SEO ngay từ đầu.
Tối ưu hóa SEO hoàn toàn tự động cho kết quả tìm kiếm và đề xuất dựa trên mạng thần kinh.

Tạo một trang web theo phong cách này

Phong cách tương tự

ElevenLabs — Một bộ ảnh minh họa với tông màu kem ấm áp và tiêu đề tinh tế. Một cuốn sổ tay theo phong cách Bauhaus – giấy màu trắng ngà, mực đen và điểm nhấn màu tím và cam duy nhất để trưng bày sản phẩm.
monopo saigon — Một ánh sáng lung linh, óng ánh ẩn sau sự im lặng của biên tập viên—một bộ sưu tập ảnh biên tập đơn sắc trôi nổi trên ánh sáng tan chảy.
Awesomic — Phông chữ in hoa bằng lưới kẽm với các dấu chấm câu màu cam gợi nhớ đến những mảnh giấy vụn.
Monad — Tạp chí kỹ thuật biên tập về giấy da ấm
Dub — Bảng điều khiển bằng giấy gạo mờ của Link
Seline Analytics — Một chiếc bàn phân tích yên tĩnh trên nền giấy ấm áp.
Notion — Một cuốn sổ tay bằng giấy ấm áp dưới ánh nắng mặt trời giữa trưa.
Hyer Aviation — Hoàng hôn buông xuống trong buồng lái trên nền giấy da. Bầu trời bình minh nhạt nhòa hòa quyện với logo chữ nổi cỡ thân máy bay, và một điểm nhấn màu đất sét ấm áp phá vỡ sự đơn điệu của gam màu đơn sắc.
Anthropic — Một cuốn nhật ký khoa học thực địa trên giấy da ấm áp—bề mặt màu ngà dịu nhẹ, tiêu đề biên tập có chân chữ và một điểm nhấn bằng đất sét duy nhất chỉ xuất hiện khi cần hành động.
Calendly — Mực xanh đậm trên nền đá cẩm thạch lạnh.
Augen Pro — Cách bài trí màu trắng của Apple nổi bật với gam màu xanh điện nhẹ nhàng, tinh tế trong không gian đơn sắc.
OFF+BRAND. — Quả cầu óng ánh trên nền giấy da ấm áp