Telegram, WhatsApp+380637610482
Valery Danyuk
Valery Danyuknhà phát triểnPhát triển các công cụ trí tuệ nhân tạo cho doanh nghiệp. Chất lượng cao. Giá cả phải chăng.Nhắn tin qua Telegram
ThoughtLab — bản xem trước của một trang web theo phong cách này

ThoughtLab

Một tượng đài bằng đá obsidian với tín hiệu màu đỏ thẫm. Một bức tranh trống rỗng màu đen, nơi vật thể màu đỏ rực rỡ duy nhất trong nhà thờ, được in bằng chữ trắng lớn, là một hình ảnh đơn sắc.

ThoughtLab hoạt động theo ngôn ngữ thiết kế của Black Cathedral: một nền đen trống trơn, một điểm nhấn màu đỏ duy nhất và kiểu chữ lớn đến mức đóng vai trò như kiến trúc. Hệ thống gần như hoàn toàn không màu – #cccccc đại diện cho phần thân, #ffffff đại diện cho phần hiển thị – với #fc1c46 chỉ xuất hiện cho một hành động chính duy nhất, như một sự bùng nổ căng thẳng được kiểm soát trên nền trống rỗng. Thứ bậc được xây dựng thông qua những bước nhảy tỷ lệ đột ngột (198px → 14px), chứ không phải thông qua màu sắc, bóng đổ hay các mảng màu. Các thành phần không có trọng lượng: thẻ trong suốt, nút hình viên thuốc, trường nhập liệu mỏng, không có sự xếp chồng cao – trang web thở bằng không gian âm và chữ in hoa được sắp xếp dày đặc, chứ không phải thông qua các vùng chứa.

Một nền tối trải rộng toàn bộ chiều rộng của trang, với lề ngang rộng (126px mỗi bên, đẩy cột nội dung lên khoảng 1400px). Phần đầu trang chỉ gồm một dòng 72px: logo ở bên trái, khẩu hiệu ở giữa, nút kêu gọi hành động hình viên thuốc và thanh menu hamburger ở bên phải. Phần chính được chia làm hai phần—một tiêu đề lớn 198px viết hoa toàn bộ ở bên trái với phần văn bản hỗ trợ cách đó 18px, trong khi một hình cầu 3D chồng lên văn bản ở bên phải trung tâm, "nuốt" một phần văn bản. Bên dưới phần chính, các phần được sắp xếp theo nhịp điệu dọc rộng rãi với khoảng cách 86–108px giữa chúng. Các yếu tố của tác phẩm được hiển thị dưới dạng danh sách, chiếm gần như toàn bộ chiều rộng của trang, thay vì dạng lưới các thẻ. Không có thanh bên, không có menu lớn, không có chân trang với lưới cột—chân trang chỉ là một dòng đơn giản với thông tin bản quyền và thông tin liên hệ #4c4c4c. Việc điều hướng ngoài phần tiêu đề sẽ được mở dưới dạng menu hamburger phủ toàn màn hình.

Hình ảnh được sử dụng rất ít và được chọn lọc kỹ lưỡng. Yếu tố thị giác nổi bật là một quả cầu lớn chứa chất lỏng màu đen tuyền, được hiển thị bằng WebGL – một hình dạng 3D tối màu, gần như đen, với những phản chiếu màu xanh lam và hổ phách tinh tế dọc theo cạnh, nổi trên nền đen và chồng một phần lên tiêu đề. Nó đóng vai trò như biểu tượng thương hiệu hơn là hình minh họa. Hình thu nhỏ của dự án được hiển thị dưới dạng ảnh hoặc video trong một danh sách dọc, được trình bày tràn viền mà không có đường viền. Không có ảnh đời sống, không có ảnh có sẵn, không có hiệu ứng chuyển màu trang trí. Quả cầu và chữ là những yếu tố thị giác duy nhất trên trang.

Bảng màu

Thương hiệu

  • Crimson Signal #fc1c46 — Điểm nhấn chính là một chi tiết màu đỏ duy nhất; nó xuất hiện trên tab "Danh bạ", trong logo thương hiệu và không ở bất kỳ nơi nào khác. Sự hiếm có của nó là do những đặc điểm thiết kế riêng biệt.

Trung lập

  • Void #000000 — Nền trang, hay còn gọi là khung vẽ, là nền tảng tuyệt đối mà trên đó tất cả các yếu tố khác đều nổi lên.
  • Ash #cccccc — Văn bản chính và văn bản liên kết, tông màu văn bản mặc định trên nền đen - được chọn thay vì màu trắng tinh để giảm độ chói thị giác.
  • Frost #ffffff — Hiển thị tiêu đề, văn bản nút, văn bản trường nhập liệu và mã đánh dấu là cấp độ nổi bật nhất, dành cho nội dung cần được trình bày theo trình tự tuyến tính.
  • Graphite #4c4c4c — Bản quyền, thẻ meta, văn bản phụ trợ - được cố ý làm mờ để không cạnh tranh với văn bản chính.

Kiểu chữ

Từ 10 đến 198px · 7 bước

  • sui — thay thế: Space Grotesk (closest free geometric match) or Inter for a more neutral alternative. Neue Haas Grotesk Display if licensed. · phác thảo 300, 400, 500, 700 · Chỉ một kiểu chữ duy nhất. Sui là một kiểu chữ sans-serif hình học được thiết kế riêng, sử dụng cho mọi kích thước từ 198px cho tiêu đề đến 10px cho chú thích. Kiểu chữ đậm 700 được dành riêng cho các tiêu đề lớn và các tựa đề hoành tráng; kiểu chữ đậm 400 được sử dụng cho phần còn lại của hệ thống. Sự tương phản giữa kiểu chữ đậm và thường là hệ thống chữ chính; không cần thiết phải có thêm một họ chữ khác.

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

Mục đíchNghĩa
Tỉ trọngdày đặc
Bước cơ bản9px
Bán kính nút9999px
Bán kính thẻ0px
Bóng tốikhông - viền thay vì bóng
Giữa các phần86-108px
Chiều rộng trang1400px

AI sẽ xây dựng trang web của bạn theo phong cách ThoughtLab 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.

Phong cách tương tự

  • Vivid+Co — ánh sáng lăng kính xuyên qua đá obsidian
  • Sequel — Buổi chiếu phim riêng sau khi trời tối là tia sáng ấm áp duy nhất trong một rạp chiếu phim tối tăm.
  • Dovetail — Bản thiết kế dưới ánh trăng đen – những đường kẻ đồ thị mờ nhạt, chữ trắng, một đốm tím lấp lánh.
  • MekaVerse — Một phòng trưng bày đơn sắc các hiện vật kỹ thuật số—một khoảng không đen kịt nơi thế giới được dựng hình treo lơ lửng như một vật trưng bày trong bảo tàng, và toàn bộ giao diện người dùng là mực trắng trên nền kính đen mờ.
  • Krea — phòng trưng bày đen tối lúc nửa đêm
  • Factory — Màn hình điều khiển "phòng tác chiến" lúc nửa đêm. "Nhà máy" là một bảng điều khiển màu đen tuyền, nơi một tấm thẻ trắng duy nhất đáp xuống như một thông điệp được chiếu sáng bằng đèn pin—vật thể duy nhất trong căn phòng là chính công việc đang được thực hiện.
  • basement — Một máy in trống rỗng lúc 3 giờ sáng – những phông chữ khổng lồ, nén chặt trải dài trên nền đen kịt, một vệt sáng màu cam duy nhất trên thanh điều hướng, mọi thứ khác đều trắng hoặc xám lờ mờ.
  • Stink Studios — Một xưởng phim lúc nửa đêm - máy chiếu kêu vo vo, căn phòng tối om, chỉ có cuộn phim được chiếu sáng.
  • Apple (España) — Nhà hát màu đen với các thiết bị chiếu sáng.
  • Charlie — Chữ viết được khắc trên đá tu viện lên đá obsidian. Một tập hồ sơ mà trong đó một bức tường đỏ duy nhất tạo nên sự im lặng đến điếc tai.
  • Rive — Tầm nhìn ban đêm độ chính xác cao. Giao diện có thấu kính đặc biệt xuyên thấu bóng tối để tập trung vào các chi tiết kỹ thuật với độ rõ nét tuyệt đối.
  • Datalands — Một nhà thờ màu đen với một luồng sáng neon duy nhất. Logo chiếm trọn gian giữa; mọi thứ khác chỉ là những dòng chữ mờ nhạt nằm bên dưới.