
Auros
สถานีปลายทางใต้ทะเลลึกพร้อมลูกบอลข้อมูลเรืองแสง
Auros ทำหน้าที่เป็นเทอร์มินัลฟินเทคที่ซ่อนตัวอยู่ในห้วงลึก: พื้นหลังสีเทอร์ควอยซ์เกือบดำสนิท พร้อมด้วยลูกบอลข้อมูลเรืองแสงและแสงไล่ระดับสีจากเทอร์ควอยซ์ไปเป็นสีชมพู สร้างความรู้สึกถึงความลึก ความลื่นไหล และการไหลเวียน อินเทอร์เฟซเรียบง่ายและเหมือนภาพยนตร์ โดยใช้จอแสดงผลผู้ใช้เพียงจอเดียว (Matter) ที่มีความหนาปานกลาง พร้อมการติดตามแบบเนกาทีฟที่คมชัดเพื่อสร้างสเกลโดยไม่ดูฉูดฉาดเกินไป สีต่างๆ ถูกกระจายอย่างสม่ำเสมอ—สีขาวและสีเงินแบบไร้สีถูกใช้สำหรับเนื้อหาเกือบทั้งหมด ในขณะที่จานสีถูกสงวนไว้สำหรับการไล่ระดับสีบรรยากาศ พื้นผิวการ์ดที่แตกต่างกัน และปุ่มรูปทรงแคปซูลที่เป็นเอกลักษณ์เพียงปุ่มเดียว ซึ่งเปลี่ยนสีจากสีฟ้าเทอร์ควอยซ์เป็นสีชมพูลาเวนเดอร์ การ์ดลอยอยู่บนสันพื้นผิวสีเทอร์ควอยซ์ที่ละเอียดอ่อน (รัศมี 16 พิกเซล ไม่มีเงา) แทนที่จะเป็นความสูง ดังนั้นลำดับชั้นจึงถูกรับรู้ว่าเป็นความลึกของน้ำมากกว่าเงาบนกระดาษ ส่วนประกอบต่างๆ ดูพิถีพิถันและเหมือนเครื่องมือ: เครื่องหมายติดตามตัวพิมพ์ใหญ่ ไอคอนลูกศรเรขาคณิตบางๆ การแสดงผลตัวเลขขนาดใหญ่ในสีชมพูอ่อน
พื้นหลังสีเข้มเต็มความกว้าง มีเนื้อหาที่ความกว้างสูงสุด 1440 พิกเซล องค์ประกอบหลักคือบล็อกข้อความที่อยู่ตรงกลาง (แถบด้านบน → หัวข้อ → ข้อความย่อย → ปุ่มกระตุ้นการดำเนินการ) ซึ่งครอบคลุมความสูงของหน้าจอทั้งหมด โดยมีอนุภาคเป็นองค์ประกอบพื้นหลัง ส่วนต่างๆ เป็นแถบเต็มความกว้างที่คั่นด้วยช่องว่างแนวตั้งขนาดใหญ่ 68 พิกเซลขึ้นไป สลับระหว่างพื้นหลังที่เป็นผืนผ้าใบและพื้นผิวที่เว้าเล็กน้อย ส่วน "สำรวจ" ใช้เลย์เอาต์สองคอลัมน์แบบไม่สมมาตร: คอลัมน์ด้านซ้ายประกอบด้วยการ์ดคุณสมบัติที่เรียงซ้อนกัน ในขณะที่คอลัมน์ด้านขวามีภาพประกอบโมเลกุลเชิงเรขาคณิต เนื้อหาจัดวางอยู่ตรงกลางในคอลัมน์แคบๆ (สูงสุดประมาณ 600 พิกเซล) เพื่อให้อ่านง่าย แทนที่จะยืดจากขอบถึงขอบ ส่วนท้ายเป็นหลุมเว้า (#011d1c) ที่มีระยะขอบแนวตั้ง 120 พิกเซล สร้างเอฟเฟกต์เหมือนสระน้ำลึก การนำทางเป็นแผงโปร่งใสบางๆ ที่มีองค์ประกอบเว้นระยะห่าง 16–24 พิกเซล จังหวะโดยรวมมีความเป็นภาพยนตร์และกว้างขวาง—แต่ละส่วนมีชีวิตชีวา และโทนสีเข้มเหมือนน้ำสร้างความรู้สึกเหมือนกำลังดำดิ่งลงไปสู่ความลึกยิ่งขึ้นในแต่ละช่วง
สไตล์ภาพนั้นเรียบง่ายและสร้างบรรยากาศ หน้าแรกโดดเด่นด้วยทรงกลมอนุภาคสามมิติ—จุดสีฟ้าอมเขียวและสีขาวเล็กๆ นับพันจุดก่อตัวเป็นทรงกลมหมุนวนที่สะท้อนกับผืนผ้าใบและสีชมพูลาเวนเดอร์ตามขอบ สร้างเอฟเฟกต์เรืองแสงที่ชวนให้นึกถึงวัตถุข้อมูล แผนภาพโมเลกุลเรขาคณิตแบบแบน (วงกลมสีขาวและเส้นเชื่อมบางๆ บนผืนผ้าใบสีเข้ม) ทำหน้าที่เป็นองค์ประกอบตกแต่งในคอลัมน์ด้านขวา ไม่มีภาพถ่าย ไม่มีภาพไลฟ์สไตล์ ไม่มีผู้คน—ภาษาภาพนั้นอิงจากกราฟิกข้อมูลที่สะอาดตาและรูปทรงนามธรรม ทรงกลมอนุภาคเป็นองค์ประกอบภาพที่สำคัญที่สุดของเอกลักษณ์แบรนด์ มันต้องปรากฏอย่างน้อยหนึ่งครั้งในทุกหน้าสำคัญเพื่อตอกย้ำอุปมาอุปไมยเกี่ยวกับทะเลลึก
จานสี
ยี่ห้อ
- Liquid Abyss
#012624— พื้นหลังหลักประกอบด้วยฐานของหน้าเว็บ ส่วนหัว องค์ประกอบหลัก และพื้นสีฟ้าอมเขียวเข้มที่โดดเด่น ซึ่งสร้างบรรยากาศเหมือนท้องทะเลลึก - Liquid Deep
#011d1c— พื้นผิวส่วนที่เว้าเข้าไปคือพื้นหลังของแผ่นกระดาษแข็งและส่วนที่อยู่ลึกเข้าไปด้านใน เมื่อมองแล้วจะเห็นว่ามีสีเข้มกว่าพื้นผิวผ้าใบเล็กน้อย ทำให้เกิดการไล่ระดับความลึกอย่างละเอียดอ่อน - Liquid Kelp
#003734— พื้นผิวการ์ดและปุ่มที่ยกสูงขึ้น—พื้นผิวที่ยกสูงขึ้นหนึ่งขั้นเหนือช่องว่าง ใช้สำหรับการ์ดคุณสมบัติ แผงเนื้อหา และจุดเริ่มต้นของปุ่มไล่ระดับสี
เป็นกลาง
- Liquid Mist
#edfffe— สีขาวโทนเย็นช่วยเน้นข้อความหลัก หัวข้อ และตัวอักษรสีโทนอบอุ่นและอ่อน สีฟ้าอ่อนๆ ช่วยเชื่อมโยงข้อความหลักเข้ากับโทนสีฟ้าอมเขียว - Platinum
#ffffff— สีขาวบริสุทธิ์ใช้สำหรับหัวข้อ องค์ประกอบการนำทาง เส้นขอบไอคอน และข้อความที่มีความคมชัดสูง เป็นสีข้อความหลักในหัวข้อทุกระดับและการนำทางหลัก - Silver Mist
#bbc7c6— ข้อความรอง คำอธิบายที่ดูจืดชืด และสีของลิงก์ยังคงเหมือนเดิม โดยมีสีเขียวเจือเล็กน้อย ซึ่งเข้ากันได้ดีกับพื้นหลังสีฟ้าอมเขียว - Ash
#f2f2f2— ข้อความเพิ่มเติมสำหรับคำพูดและรีวิว สีเทาโทนกลางๆ เย็นๆ เหมาะสำหรับใช้เมื่อสีฟ้าอมเขียวของ Silver Mist ดูสว่างเกินไป - Slate Deep
#707777— สีรองพื้นบางๆ สำหรับพื้นหลังที่ไม่ใช้งานหรือมองเห็นได้ยาก อยู่ระหว่างผืนผ้าใบและกระดาษแข็ง ทำให้เกิดความแตกต่างของระดับความสูงอย่างแนบเนียน - Lavender Phosphor
#fde9ff— สีของแสงไฟพื้นหลังเหมาะสำหรับแสดงสถิติขนาดใหญ่ ตัวเลขนับ และตัวชี้วัดสำคัญต่างๆ เฉดสีชมพูในโทนสีไล่ระดับที่เป็นเอกลักษณ์ถูกใช้เพียงเล็กน้อยเพื่อเป็นจุดเด่นที่ส่องสว่างบนพื้นผิวสีเข้ม
การจัดพิมพ์
จาก 10 เป็น 96 พิกเซล · 6 ขั้นตอน
- Matter — ทดแทน: Inter · โครงร่าง 400, 500 · แบบอักษรหลักสำหรับหัวข้อและเนื้อหาหลักใช้ความหนา 500 สำหรับหัวข้อทั้งหมด (H1–H3) และข้อความเคลื่อนไหวขนาดใหญ่ (86–295 พิกเซล) ส่วนเนื้อหาหลักและข้อความ UI ใช้ความหนา 400 แบบอักษรนี้มีลักษณะเด่นคือการเว้นระยะห่างระหว่างตัวอักษรแบบติดลบอย่างมากในขนาดใหญ่ (-0.04em ที่ 61 พิกเซล, -0.046em ที่ 86 พิกเซล) และการเว้นระยะห่างระหว่างตัวอักษรแบบบวกที่กว้างในตัวอักษรพิมพ์ใหญ่ของหัวเรื่อง (0.08em ที่ 20 พิกเซล, 0.12em ที่ 12 พิกเซล, 0.15em ที่ 10 พิกเซล) กลยุทธ์การใช้แบบอักษรที่มีความหนาปานกลางสำหรับหัวข้อเท่านั้นเป็นคุณลักษณะที่โดดเด่น—โดยไม่มีตัวหนาหรือตัวบาง—ซึ่งทำให้แบบอักษรมีความสม่ำเสมอและดูเป็นเชิงกล
- Arial — ทดแทน: system-ui · โครงร่าง 400 · ตัวเลือกสำรองที่สองสำหรับองค์ประกอบ UI แบบโต้ตอบ (การนำทาง ปุ่ม ข้อความขนาดเล็กในส่วนหัว ส่วนท้าย) จะปรากฏเฉพาะที่ขนาด 14 พิกเซล – ใช้เป็นตัวเลือกสำรองที่ปลอดภัยและใช้งานได้ทั่วไปเมื่อ Matter โหลดไม่สำเร็จ และจะครอบคลุมป้ายกำกับแบบฟอร์ม ข้อความบนปุ่ม และข้อความช่วยเหลือขนาดเล็ก
ช่วงเวลาและรูปแบบ
| วัตถุประสงค์ | ความหมาย |
|---|---|
| ความหนาแน่น | เฉลี่ย |
| ขั้นตอนพื้นฐาน | 20px |
| รัศมีปุ่ม | 6px |
| รัศมีการ์ด | 16px |
| เงา | ไม่ - ใช้เส้นขอบแทนเงา |
| ระหว่างส่วนต่างๆ | 68px |
| ความกว้างของหน้า | 1440px |
AI จะสร้างเว็บไซต์ของคุณในสไตล์ของ Auros และเติมข้อมูลลงไป
- ใส่สินค้าและโพสต์ผ่านลิงก์ - Instagram, TikTok, Facebook
- ย้ายเนื้อหาจากเว็บไซต์เก่าของคุณ—เพียงระบุที่อยู่เว็บไซต์
- ดีไซน์ทันสมัยบนเอนจิ้นที่ดีที่สุด: React ( Next.js) พร้อมการเรนเดอร์ฝั่งเซิร์ฟเวอร์และการเพิ่มประสิทธิภาพ SEO ในตัว
- การเพิ่มประสิทธิภาพ SEO แบบอัตโนมัติเต็มรูปแบบสำหรับผลการค้นหาและคำแนะนำจากโครงข่ายประสาทเทียม
สไตล์ที่คล้ายกัน
- Design Full-Time — ห้องฉายภาพยนตร์ขนาดเล็กที่มีไฟสปอตไลท์ส่องสว่างโทนอบอุ่นเพียงดวงเดียว
- Air — ประติมากรรม "ท้องฟ้ายามเที่ยงคืนผ่านกระจก"
- Slash — ห้องนิรภัยเที่ยงคืนพร้อมสมุดบัญชีปิดทอง
- Raycast — ศูนย์บัญชาการเที่ยงคืน, ปะการังนีออน
- Dimension — โต๊ะทำงานที่ส่องสว่างยามพลบค่ำ พร้อมแผงกระจกฝ้า
- Modal — เทอร์มินัลเรืองแสงในห้องเซิร์ฟเวอร์ที่มืดมิด - แหล่งกำเนิดแสงเพียงแหล่งเดียวคือแสงสีเขียวสดใส
- Giga — ขอบฟ้ายามเที่ยงคืนเหนือหินออบซิเดียนที่ปกคลุมด้วยน้ำค้างแข็ง
- Reflect Notes — อวกาศสีม่วงระยิบระยับราวกับดวงดาว คือหอดูดาวมืดมิด ที่ซึ่งโน้ตดนตรีล่องลอยราวกับกลุ่มดาวท่ามกลางฉากหลังอันว่างเปล่าสีครามเกือบดำ
- Ameba — ห้องควบคุมเวลาเที่ยงคืน – แสงสีฟ้าเรืองรองสะท้อนอยู่ภายในแผงกระจกฝ้า
- AgentQL — แสงเหนือเหนืออาคารผู้โดยสารในเวลากลางคืน
- Frame — โรงภาพยนตร์สำหรับฉายภาพยนตร์รอบดึก ห้องมืดที่มีเพียงไฟสปอตไลท์สีน้ำเงินดวงเดียวส่องสว่าง และส่วนติดต่อผู้ใช้จะจางหายไปในฉากหลัง ทำให้เนื้อหาเชิงสร้างสรรค์ถูกฉายออกมาด้านหน้า
- Harness — ศูนย์ควบคุมภารกิจยามเที่ยงคืน พร้อมด้วยแสงสีเขียวเรืองแสง