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ự

Studio — Một bức tường trưng bày chuyển động. Mỗi màn hình đại diện cho một bề mặt triển lãm tĩnh lặng, màu xám, nơi các chất liệu in ấn và các tác phẩm sáng tạo chồng chéo nhau tranh giành sự chú ý.
Mollie — Quầy cashmere, sổ sách kế toán màu tối. Để lại khoảng trắng rộng rãi cho thiết kế biên tập xung quanh văn bản màu đen, sau đó nhấn mạnh các điểm liên quan đến sản phẩm bằng các gam màu kem ấm áp, nâu cà phê espresso và hình ảnh thực tế về các phương thức thanh toán.
Bajgart Office — Bức tường trưng bày hình ảnh biên tập. Sử dụng không gian trắng rộng lớn, nơi các phông chữ serif tinh tế và các đoạn trích từ portfolio có sức hút thị giác mạnh mẽ hơn so với các yếu tố giao diện hào nhoáng.
Bejamas — Bộ đồ ngủ—màu xanh chanh tươi mát xuyên qua lớp kính đen. Tạo nên những trang biên tập màu xám nhạt, tĩnh lặng, điểm xuyết bởi những mảng màu đen cuốn hút, nơi những vệt sáng xanh mờ ảo giao nhau trên bề mặt.
Kagi — Một phòng đọc riêng biệt. Tạo một không gian trắng thoáng đãng xung quanh những dòng chữ in đậm bằng than chì, sử dụng những điểm nhấn màu tím nhẹ nhàng và các bề mặt màu pastel ấm áp để phá vỡ sự tĩnh lặng.
Milanote — Milanote là một studio sáng tạo chuyên nghiệp. Chúng tôi tạo ra các trang theo phong cách trưng bày ảnh bằng cách sử dụng bảng hình ảnh nổi: tường khung tối màu, không gian hiển thị màu trắng và ảnh chụp màn hình trông giống như vật thể thật với chiều sâu mềm mại.
Co2 — Một tập bản đồ khí hậu dưới ánh sáng mùa đông. Tạo các trang giống như một tài liệu phong cảnh nhìn từ trên cao, nơi các tiêu đề có chân chữ, dữ liệu được mã hóa theo danh mục và hình ảnh băng giá làm nổi bật các lề trắng rộng.
GitButler — Màu ngọc lam ở cuối văn bản. Sự kết hợp giữa các tiêu đề có chân chữ độ tương phản cao với các đường kẻ lưới kỹ thuật tinh tế, bề mặt màu than chì ấm áp và điểm nhấn màu ngọc lam kín đáo.
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