
Resend
nhung đen với màu tím neon
Resend hiện diện trong một không gian gần như hoàn toàn tối tăm—một nền đen sạch sẽ, các đường viền mỏng bằng than chì và kiểu chữ trắng trên nền đen tạo cảm giác như đang đọc văn bản được in trên kính mờ. Yếu tố chính mang tính chất phản trang trí: một tiêu đề lớn duy nhất với phông chữ serif 96px Domaine bên cạnh một khối lập phương đen ba chiều, không có hiệu ứng chuyển màu hay hình minh họa tiếp thị. Biểu tượng thương hiệu có màu tím đậm (#9281f7), xuất hiện trong các dòng địa chỉ email, biểu tượng trạng thái và các đoạn mã—không bao giờ xuất hiện trên các nút bấm. Phông chữ đơn cách (Commit Mono) truyền tải cá tính của nhà phát triển thông qua từng khối mã, biểu tượng và nhãn nội tuyến, khiến trang web giống như một thiết bị đầu cuối được bao bọc trong một giao diện sang trọng. Các thành phần có góc nhọn hoặc hơi tròn (6px / 16px), chiều cao thấp và sử dụng đường viền 1px thay vì bóng đổ để phân tách các lớp. Hiệu ứng động tinh tế nhưng biểu cảm: hiệu ứng mờ dần và trượt mượt mà của văn bản trên màn hình chính, sự xoay nhẹ của khối lập phương bằng WebGL và các hiệu ứng chuyển tiếp ngắn 150 ms khi di chuột.
Thiết kế hình ảnh gần như hoàn toàn bao gồm các đối tượng 3D được kết xuất bằng WebGL (khối lập phương màu đen trong cửa sổ chính, các hình dạng hình học xoay) và các ảnh chụp màn hình giao diện người dùng của sản phẩm được hiển thị trong các cửa sổ mã màu tối. Không sử dụng ảnh chụp, hình minh họa hoặc hình ảnh về lối sống. Logo trong thanh chứng nhận được nhúng là hình ảnh SVG với màu sắc gốc. Các biểu tượng có đường viền 1px-1.5px với nét vẽ #f0f0f0 hoặc #a1a4a5. Ngôn ngữ hình ảnh: một nền đen, một đối tượng 3D làm điểm nhấn cho cửa sổ chính, các cửa sổ mã màu tối làm bằng chứng về sản phẩm, logo SVG màu trắng làm bằng chứng xã hội. Không có gì mang tính trang trí—mọi yếu tố hình ảnh đều mang tính cấu trúc (khối lập phương) hoặc minh họa (cửa sổ mã, logo).
Bảng màu
Thương hiệu
- Iris Violet
#9281f7— Văn bản có điểm nhấn màu tím cho các liên kết, thẻ và các cụm từ ngắn được tô sáng; hiệu ứng chuyển màu chéo từ tím sang đỏ tươi trên các khung biểu tượng và biểu tượng thương hiệu. - Iris Violet Glow
#baa7ff— Các liên kết, thẻ và cụm từ ngắn được tô sáng sẽ có màu tím.
Trung lập
- Void Black
#000000— Nền trang, bề mặt bìa cứng, màn hình phủ – toàn bộ khung vẽ. - Graphite Hairline
#292d30— Viền 1px cho thẻ, trường nhập liệu, nút, khối mã, đường phân cách - xác định sự phân tách giữa các lớp. - White
#ffffff— Các tiêu đề chính, tựa đề, nhãn nút, màu nền biểu tượng trên nền tối. - Bone White
#f0f0f0— Văn bản chính, tiêu đề phụ, đường viền biểu tượng - màu chủ đạo giúp dễ đọc. - Ash Gray
#a1a4a5— Văn bản chính, nhãn biểu tượng, đường viền biểu tượng được làm mờ - văn bản cấp ba và siêu dữ liệu. - Smoke Gray
#abafb4— Màu liên kết, văn bản nút bị vô hiệu hóa, nhãn phụ - văn bản cấp bốn
Kiểu chữ
Từ 12 đến 96px · 8 bước
- Inter — thay thế: Inter (Google Fonts) · phác thảo 400, 500, 600 · Văn bản chính, nhãn giao diện người dùng, điều hướng, nút, liên kết. Công cụ làm việc – xuất hiện 1.280 lần trên tất cả các bề mặt ngoại trừ mã.
- Domaine — thay thế: GT Sectra · phác thảo 400 · Tiêu đề bài viết—với cỡ chữ 400 point và khoảng cách giữa các chữ là 96px—tạo cảm giác như một bài xã luận, gần giống như bài in. Nó chỉ được sử dụng hai lần trên toàn trang cho tiêu đề lớn nhất.
- aBC Favorit — thay thế: Inter Display · phác thảo 400, 500 · Tiêu đề chính và tiêu đề phụ. Phông chữ theo phong cách thương hiệu có kích thước 56px, độ đậm 400 và khoảng cách chữ là -0.05em. Khoảng cách chữ âm cực lớn trong phông chữ sans-serif hình học này tạo nên ấn tượng cô đọng, tự tin, trái ngược với kiểu chữ chính của Domaine.
Khoảng cách và hình thức
| Mục đích | Nghĩa |
|---|---|
| Tỉ trọng | rộng rãi |
| Bước cơ bản | 16px |
| Bán kính nút | 6px |
| Bán kính thẻ | 16px |
| Bóng tối | không - viền thay vì bóng |
| Giữa các phần | 96px |
| Chiều rộng trang | 1200px |
AI sẽ xây dựng trang web của bạn theo phong cách Resend 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ự
- Neon — Phòng máy chủ lúc màn đêm buông xuống. Bóng tối hoàn toàn, nơi ánh sáng duy nhất đến từ dữ liệu và tương tác của người dùng.
- Discord — Thế giới game được ẩn sau cửa sổ trò chuyện bật lên - mỗi khu vực là một môi trường khép kín với ánh sáng và dàn nhân vật riêng.
- Midjourney — Một thiết bị đầu cuối phát quang sinh học ở đáy đại dương sâu thẳm. Một thế giới dưới đáy biển nơi trí tuệ tự tạo ra bằng các luồng mã ASCII và các nút điều khiển xuất hiện dưới dạng các họa tiết phát sáng mờ ảo.
- Wope — Wope là một giao diện đường chân trời màu tím. Hãy tưởng tượng một chiếc bàn quan sát tối màu với ánh sáng tím chiếu ra từ bên dưới lớp kính.
- Ori — Phòng máy chủ lúc nửa đêm là một khoảng không đen kịt, ánh sáng trắng, chỉ có một công tắc đang bật.
- Amaterasu — Thánh đường Ngọc lam Thiên thể
- Obsidian — Một kho tàng tri thức trong suốt như pha lê. Một không gian kỹ thuật số đa diện, rõ ràng được thiết kế để mang lại sự minh bạch và tập trung, với những đường vân tím rực rỡ của sự tương tác.
- Morphic — Một phông nền điện ảnh tối tăm dành cho việc kể chuyện bằng trí tuệ nhân tạo. Màu đen tuyền bao trùm mọi thứ ngoại trừ ánh xanh lam của một điểm nhấn duy nhất và ánh sáng phát ra từ hình ảnh được tạo ra.
- Valo — Một đài quan sát theo phong cách noir lúc nửa đêm—kiểu chữ 300pt nổi bật trên nền đen tuyền, trong khi một dải màu tím ngọc lam chạy xuyên suốt căn phòng như một tia laser.
- JetBrains — Neon Nebula on Obsidian – Một trang có nền đen với các sắc độ tím-xanh lam nở rộ như hình ảnh của không gian sâu thẳm, xen kẽ với màu hồng neon rực rỡ và ánh sáng rực rỡ của các biểu tượng sản phẩm.
- beehiiv — Đài quan sát lúc nửa đêm với plasma neon
- RainbowKit — Một chiếc ví đựng đồ bằng chất liệu modal màu neon lơ lửng trong không gian đen kịt, ánh sáng xanh tím xuyên thấu màn đêm.