Resend
กำมะหยี่สีดำผสมสีม่วงนีออน
Resend มีสภาพแวดล้อมที่มืดสนิทเกือบทั้งหมด—พื้นหลังสีดำสะอาดตา เส้นขอบสีเทากราไฟต์บางๆ และตัวอักษรสีขาวบนพื้นดำที่สร้างความรู้สึกเหมือนอ่านข้อความที่พิมพ์บนกระจกฝ้า องค์ประกอบหลักนั้นเรียบง่าย ไม่ประดับประดา: หัวข้อขนาดใหญ่แบบมีเชิง (serif) ขนาด 96px ของ Domaine อยู่ติดกับลูกบาศก์สีดำสามมิติ โดยไม่มีการไล่ระดับสีหรือภาพประกอบทางการตลาด โลโก้แบรนด์เป็นสีม่วงเข้ม (#9281f7) ซึ่งปรากฏในบรรทัดที่อยู่อีเมล ไอคอนสถานะ และตัวอย่างโค้ด—แต่ไม่ปรากฏบนปุ่ม ฟอนต์แบบ Monospaced (Commit Mono) สื่อถึงบุคลิกของนักพัฒนาผ่านทุกบล็อกโค้ด ไอคอน และป้ายกำกับ ทำให้หน้าเว็บรู้สึกเหมือนเทอร์มินัลที่ถูกห่อหุ้มด้วยอินเทอร์เฟซที่หรูหรา ส่วนประกอบต่างๆ มีมุมแหลมหรือโค้งมนเล็กน้อย (6px / 16px) ความสูงต่ำ และใช้เส้นขอบ 1px แทนเงาเพื่อแยกเลเยอร์ การเปลี่ยนแปลงต่างๆ นั้นละเอียดอ่อนแต่สื่อความหมายได้ดี: การจางหายและการเลื่อนของข้อความบนหน้าจอหลักอย่างราบรื่น การหมุนลูกบาศก์อย่างละเอียดอ่อนโดยใช้ WebGL และการเปลี่ยนภาพสั้นๆ 150 มิลลิวินาทีเมื่อวางเมาส์เหนือองค์ประกอบ
การออกแบบภาพประกอบด้วยวัตถุ 3 มิติที่เรนเดอร์ด้วย WebGL เกือบทั้งหมด (ลูกบาศก์สีดำในหน้าต่างหลัก รูปทรงเรขาคณิตที่หมุนได้) และภาพหน้าจอส่วนติดต่อผู้ใช้ของผลิตภัณฑ์ที่ฝังไว้ซึ่งแสดงในหน้าต่างโค้ดสีเข้ม ไม่มีการใช้ภาพถ่าย ภาพประกอบ หรือภาพไลฟ์สไตล์ใดๆ โลโก้ในแถบความน่าเชื่อถือเป็นภาพ SVG ที่ฝังไว้โดยใช้สีดั้งเดิม ไอคอนเป็นเส้นขอบขนาด 1-1.5 พิกเซล พร้อมเส้นขอบ #f0f0f0 หรือ #a1a4a5 ภาษาภาพ: พื้นหลังสีดำ วัตถุ 3 มิติเป็นจุดยึดของหน้าต่างหลัก หน้าต่างโค้ดสีเข้มเป็นหลักฐานของผลิตภัณฑ์ โลโก้ SVG สีขาวเป็นหลักฐานทางสังคม ไม่มีการตกแต่งใดๆ ทุกองค์ประกอบภาพเป็นโครงสร้าง (ลูกบาศก์) หรือแสดงให้เห็น (หน้าต่างโค้ด โลโก้)
จานสี
ยี่ห้อ
- Iris Violet
#9281f7— ข้อความเน้นสีม่วงสำหรับลิงก์ แท็ก และวลีสั้นๆ ที่ไฮไลต์; การไล่ระดับสีแนวทแยงจากสีม่วงไปเป็นสีม่วงแดงสำหรับกรอบไอคอนและไอคอนแบรนด์ - Iris Violet Glow
#baa7ff— ลิงก์ แท็ก และวลีสั้นๆ ที่ไฮไลต์ไว้ จะถูกไฮไลต์ด้วยสีม่วง
เป็นกลาง
- Void Black
#000000— พื้นหลังของหน้ากระดาษ พื้นผิวของกระดาษแข็ง แผ่นปิดทับ - ผืนผ้าใบทั้งหมด - Graphite Hairline
#292d30— เส้นขอบขนาด 1 พิกเซลบนการ์ด ช่องป้อนข้อมูล ปุ่ม บล็อกโค้ด และเส้นแบ่ง จะกำหนดการแยกแต่ละเลเยอร์ - White
#ffffff— หัวข้อหลัก, ชื่อเรื่อง, ป้ายกำกับปุ่ม, การเติมสีไอคอนบนพื้นผิวสีเข้ม - Bone White
#f0f0f0— เนื้อหาหลัก หัวข้อรอง และเส้นขอบไอคอน - ใช้สีหลักเพื่อให้อ่านง่าย - Ash Gray
#a1a4a5— ข้อความหลัก, ป้ายกำกับไอคอน, เส้นขอบไอคอน - ข้อความระดับที่สามและข้อมูลเมตา - Smoke Gray
#abafb4— สีของลิงก์ ข้อความบนปุ่มที่ถูกปิดใช้งาน ป้ายกำกับเสริม - ข้อความระดับที่สี่
การจัดพิมพ์
จาก 12 เป็น 96 พิกเซล · 8 ขั้นตอน
- Inter — ทดแทน: Inter (Google Fonts) · โครงร่าง 400, 500, 600 · ข้อความหลัก, ป้ายกำกับ UI, การนำทาง, ปุ่ม, ลิงก์ เครื่องมือการทำงาน – ปรากฏ 1,280 ครั้งในทุกพื้นผิว ยกเว้นโค้ด
- Domaine — ทดแทน: GT Sectra · โครงร่าง 400 · ข้อความหัวเรื่อง—ใช้ฟอนต์ขนาด 400 พอยต์ เว้นระยะห่างระหว่างตัวอักษร 96 พิกเซล—ให้ความรู้สึกเหมือนบทความบรรณาธิการ คล้ายกับงานพิมพ์ โดยใช้เพียงสองครั้งบนหน้าเว็บทั้งหมด สำหรับหัวข้อข่าวที่ใหญ่ที่สุด
- aBC Favorit — ทดแทน: Inter Display · โครงร่าง 400, 500 · หัวข้อหลักและหัวข้อย่อย แบบอักษรของแบรนด์มีขนาด 56 พิกเซล น้ำหนัก 400 และระยะห่างระหว่างตัวอักษร -0.05 เอม ระยะห่างระหว่างตัวอักษรที่เป็นลบอย่างมากในแบบอักษร sans-serif ทรงเรขาคณิตนี้สร้างความรู้สึกที่กระชับและมั่นใจ ซึ่งตัดกันกับแบบอักษรหลักของ Domaine
ช่วงเวลาและรูปแบบ
| วัตถุประสงค์ | ความหมาย |
|---|---|
| ความหนาแน่น | กว้างขวาง |
| ขั้นตอนพื้นฐาน | 16px |
| รัศมีปุ่ม | 6px |
| รัศมีการ์ด | 16px |
| เงา | ไม่ - ใช้เส้นขอบแทนเงา |
| ระหว่างส่วนต่างๆ | 96px |
| ความกว้างของหน้า | 1200px |
AI จะสร้างเว็บไซต์ของคุณในสไตล์ของ Resend และเติมข้อมูลลงไป
- ใส่สินค้าและโพสต์ผ่านลิงก์ - Instagram, TikTok, Facebook
- ย้ายเนื้อหาจากเว็บไซต์เก่าของคุณ—เพียงระบุที่อยู่เว็บไซต์
- ดีไซน์ทันสมัยบนเอนจิ้นที่ดีที่สุด: React ( Next.js) พร้อมการเรนเดอร์ฝั่งเซิร์ฟเวอร์และการเพิ่มประสิทธิภาพ SEO ในตัว
- การเพิ่มประสิทธิภาพ SEO แบบอัตโนมัติเต็มรูปแบบสำหรับผลการค้นหาและคำแนะนำจากโครงข่ายประสาทเทียม
สไตล์ที่คล้ายกัน
- Neon — ห้องเซิร์ฟเวอร์หลังมืดค่ำ มืดสนิท มีเพียงแสงสว่างจากข้อมูลและการโต้ตอบของผู้ใช้งานเท่านั้น
- Discord — โลกในเกมถูกซ่อนอยู่หลังหน้าต่างแชทแบบป๊อปอัพ แต่ละส่วนเป็นสภาพแวดล้อมที่แยกเป็นอิสระ มีแสงสว่างและตัวละครเป็นของตัวเอง
- Midjourney — สถานีเรืองแสงในมหาสมุทรลึก โลกใต้ทะเลลึกที่ซึ่งสติปัญญาถูกสร้างขึ้นมาด้วยภาพในรูปแบบ ASCII และปุ่มควบคุมจะปรากฏเป็นลวดลายเรืองแสงจางๆ
- Wope — Wope คืออินเทอร์เฟซขอบฟ้าสีม่วง ลองนึกภาพโต๊ะสังเกตการณ์สีเข้มที่มีแสงสีม่วงส่องประกายออกมาจากใต้กระจก
- Ori — ห้องเซิร์ฟเวอร์ตอนเที่ยงคืนนั้นมืดสนิท มีเพียงแสงสีขาว และสวิตช์ไฟเพียงตัวเดียวที่เปิดอยู่
- Amaterasu — สถานที่ศักดิ์สิทธิ์สีเทอร์ควอยซ์สวรรค์
- Obsidian — คลังความรู้อันล้ำลึก พื้นที่ดิจิทัลที่ชัดเจนและหลากหลาย ออกแบบมาเพื่อความชัดเจนและการโฟกัส พร้อมด้วยเส้นใยสีม่วงเรืองรองที่เชื่อมโยงการปฏิสัมพันธ์
- Morphic — ฉากหลังสีดำสนิทสำหรับสร้างภาพยนตร์ โดยใช้ปัญญาประดิษฐ์ (AI) ในการเล่าเรื่อง สีดำสนิทดูดซับทุกสิ่ง ยกเว้นเพียงแสงสีฟ้าที่ริบหรี่จากองค์ประกอบสีเดียว และแสงเรืองรองของภาพที่สร้างขึ้น
- Valo — ภาพหอดูดาวสไตล์นัวร์ยามเที่ยงคืน—ตัวอักษรขนาด 300pt โดดเด่นอยู่บนพื้นหลังสีดำสนิท ขณะที่เส้นไล่ระดับสีฟ้าอมม่วงเพียงเส้นเดียวพาดผ่านห้องราวกับเส้นเลเซอร์
- JetBrains — Neon Nebula on Obsidian – พื้นหลังสีดำที่ไล่ระดับสีม่วงน้ำเงินราวกับภาพห้วงอวกาศอันไกลโพ้น สลับกับแสงนีออนสีชมพูสดใส และแสงเรืองรองของไอคอนแต่ละผลิตภัณฑ์
- beehiiv — หอดูดาวเที่ยงคืนพร้อมพลาสมานีออน
- RainbowKit — กระเป๋าจัดระเบียบกระเป๋าสตางค์แบบนีออนลอยอยู่ในความว่างเปล่าสีดำ แสงสีน้ำเงินม่วงส่องทะลุความมืด