Telegram, WhatsApp+380637610482
วาเลรี ดานยุก
วาเลรี ดานยุกนักพัฒนาพัฒนาเครื่องมือ AI สำหรับธุรกิจ คุณภาพสูง ราคาไม่แพงติดต่อผ่าน Telegram
Auros — ตัวอย่างเว็บไซต์ในรูปแบบนี้

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 — ศูนย์ควบคุมภารกิจยามเที่ยงคืน พร้อมด้วยแสงสีเขียวเรืองแสง