Ciridae
ห้องว่างเปล่าที่มีริบหรี่ราวกับถ่านที่กำลังคุอยู่ ราวกับวิหารสีดำสนิท ที่ซึ่งเสียงอบอุ่นเพียงอย่างเดียวคือเสียงสนิมบางๆ และทุกพื้นผิวถูกกำหนดด้วยเส้นริ้วละเอียดแทนที่จะเป็นเงา
Ciridae ทำงานในพื้นที่ว่างเปล่า: พื้นหลัง #0b0b0b, ปุ่มควบคุมรูปทรงแคปซูลที่มีเส้นขอบแทบมองไม่เห็น และตัวอักษรพิมพ์ใหญ่ของ Pragmatica Cond ที่ความหนา 400—ไม่มีตัวหนา ไม่มีตัวพิมพ์ผสม ไม่มีองค์ประกอบตกแต่งใดๆ เฉดสีเดียวที่ใช้คือ #cc6437 ซึ่งเป็นเฉดสีสนิมที่อบอุ่นและดูเหมือนกำลังลุกไหม้ ใช้เป็นเส้นขีดที่บางที่สุดและเครื่องหมายวรรคตอนเน้นขนาดเล็ก ไม่เคยใช้เป็นสีเติม แผนที่ลอยอยู่บนพื้นหลัง #272a2a ที่มีรัศมี 10 พิกเซลและไม่มีเงา ระบบนี้ละเว้นการกำหนดระดับความสูง โดยกำหนดพื้นผิวผ่านความแตกต่างของโทนสีและเส้นขอบที่ละเอียดที่สุด 1 พิกเซล ภาพถ่ายถูกเบลออย่างมากและให้บรรยากาศเหมือนหินอ่อนเหลว ควัน และไฟ โดยวางไว้ด้านหลังข้อความในโหมดเต็มหน้าจอ ทำให้ภาพที่ได้ดูเหมือนบรรยากาศมากกว่าภาพประกอบ
เค้าโครงหน้าเว็บเป็นแบบเต็มความกว้าง โดยเนื้อหาจะอยู่ตรงกลางภายในความกว้างสูงสุดประมาณ 1400 พิกเซล ส่วนหัว (hero) เป็นภาพสีเข้มเต็มความกว้าง มีโลโก้กลุ่มดาวอยู่ตรงกลาง ขนาบข้างด้วยป้ายกำกับขนาดเล็กทางด้านซ้ายและขวา ส่วนต่างๆ สลับกัน: ส่วนหัวสีเข้ม → แถบสีอ่อนพร้อมพื้นหลัง (สีขาวงาช้าง) → ข้อความปรับเปลี่ยนสีเข้ม → ตารางการ์ดระบบสีเข้ม → ส่วนท้ายสีเข้ม ส่วนสีอ่อนเพียงส่วนเดียวสร้างการเปลี่ยนโทนสีที่คมชัด ตารางการ์ดใช้ 4 คอลัมน์ โดยการ์ดแรกมีความกว้างประมาณสองเท่าของการ์ดอีกสามใบ ทำให้เกิดเค้าโครงที่ไม่สมมาตรโดยเน้นที่เนื้อหา พื้นที่แนวตั้งระหว่างส่วนต่างๆ กว้างขวาง (80 พิกเซลขึ้นไป) การนำทางมีน้อยมาก: แถบข่าวด้านบน + ปุ่ม "เริ่มเลย" ที่จัดชิดซ้าย และปุ่ม "เมนู" ที่จัดชิดขวาในแถบด้านบน ไม่มีแถบด้านข้าง ไม่มีเมนูขนาดใหญ่
ภาพถ่ายบรรยากาศที่ครอบคลุมพื้นที่ทั้งหมดของหน้าเว็บ ครอบงำหน้าจอหลักและการ์ดต่างๆ ภาพเหล่านี้เบลอมาก (ตรวจพบค่าการเบลอพื้นหลังที่ 50 พิกเซลและ 40 พิกเซล) และมีความคมชัดสูง แสดงให้เห็นถึงหินอ่อนเหลวที่มีเกลียวสีน้ำเงินแดง ควัน เงาดำของทิวทัศน์ และพื้นผิวของไฟ/ถ่าน ภาพถ่ายมีอารมณ์มืดมน ไม่สดใส—พวกมันมีโทนสีเดียวกับผืนผ้าใบว่างเปล่ามากกว่าที่จะโดดเด่นออกมา ไม่มีภาพผลิตภัณฑ์ ไม่มีคน ไม่มีภาพหน้าจอ UI ภาพเหล่านี้สร้างบรรยากาศมากกว่าที่จะทำหน้าที่เป็นเนื้อหาประกอบ การ์ดแต่ละระบบจะถูกจัดเรียงตามฉากบรรยากาศที่แตกต่างกัน ทำให้ภาพถ่ายทำหน้าที่เป็นตัวบ่งชี้ทางภาพแบบนามธรรมมากกว่าภาพผลิตภัณฑ์จริงๆ
จานสี
ยี่ห้อ
- Ember Rust
#cc6437— เส้นเน้นสี เส้นไอคอน และไฮไลต์ข้อความขนาดเล็กเป็นสีเดียวในระบบขาวดำ ซึ่งปรากฏเป็นจุดกระพริบแทบมองไม่เห็นมากกว่าจะเป็นสีที่เติมเต็มพื้นที่
เป็นกลาง
- Void Black
#0b0b0b— ภาพพื้นหลังสำหรับหน้าหลักและส่วนต่างๆ ซึ่งเป็นพื้นฐานของระบบทั้งหมด - Charcoal Surface
#272a2a— ภาพพื้นหลังที่ทำจากกระดาษแข็งและแผ่นไม้ในบริเวณสีเข้มจะมีสีอ่อนกว่าสีของผืนผ้าใบหนึ่งเฉดสี เพื่อสร้างการแบ่งแยกพื้นผิวโดยไม่เกิดเงา - Bone
#edebe7— บริเวณสว่างของพื้นหลังและพื้นผิวมีสีครีม ซึ่งเป็นบริเวณที่ระบบเปลี่ยนจากสีเข้มเป็นสีอ่อน - Bone Darker
#dfddd9— เฉดสีอ่อนละมุนที่เรียกว่า “โบน” เหมาะสำหรับพื้นผิวและองค์ประกอบที่มีหลายชั้นสีอ่อนโทนอบอุ่นเกือบขาว - Pure White
#ffffff— ข้อความหลักและหัวข้อทั้งหมด ขอบปุ่มแบบโปร่งแสง และองค์ประกอบการนำทางทั้งหมดใช้สีหลัก โดยมีอัตราส่วนความคมชัด 19.7:1 บนพื้นหลังสีดำสนิท - Abyss
#050505— พื้นหลังยกสูงสำหรับแถบข่าว (แถบข่าวด้านบน) - สีเข้มกว่าพื้นหลังหลักหนึ่งเฉด เพื่อให้แถบข่าวโดดเด่นขึ้น
การจัดพิมพ์
จาก 11 เป็น 32 พิกเซล · 5 ขั้นตอน
- Pragmatica Cond — ทดแทน: Oswald · โครงร่าง 400 · แบบอักษรหลักที่ใช้แสดงผลและส่วนติดต่อผู้ใช้คือแบบอักษรแคบและกระชับ โดยมีขนาดตัวพิมพ์ใหญ่ทั้งหมด 14 พิกเซลสำหรับข้อความเนื้อหา 20 พิกเซลสำหรับหัวข้อ และ 32 พิกเซลสำหรับข้อความหลัก แบบอักษรที่แคบมากและขนาดตัวพิมพ์ใหญ่ทั้งหมด 14 พิกเซลสำหรับข้อความเนื้อหาเป็นลักษณะเฉพาะที่โดดเด่นที่สุดของระบบนี้ ข้อความเนื้อหาอ่านได้เหมือนเสียงกระซิบของแบบอักษรสำหรับงานสถาปัตยกรรมมากกว่าร้อยแก้วทั่วไป แทนที่ด้วย Oswald หรือ Barlow Condensed หากไม่สามารถใช้งาน Pragmatica Condensed ได้
- Pragmatica — ทดแทน: Inter · โครงร่าง 400 · เป็นฟอนต์หลักรองที่ใช้สำหรับข้อความยาวๆ (เช่น คำอธิบายการ์ด "ระบบปฏิบัติการ AI" มีความกว้าง 24 พิกเซล ข้อความในย่อหน้ามีความกว้าง 15 พิกเซล) มีความกว้างกว่า Pragmatica Cond เล็กน้อยเพื่อให้ง่ายต่อการอ่านในบล็อกขนาดใหญ่ แต่ยังคงมีความหนา 400 ไม่ใช้ตัวหนา สามารถใช้ Inter หรือ Söhne แทนได้
- Roboto Mono — ทดแทน: Roboto Mono (free · โครงร่าง 400 · ฟอนต์ไมโครแบบตัวอักษรคงที่สำหรับแถบข่าว ("ข่าว • 15 มิถุนายน 2026 • CRUCIBLE EARLY ACCESS เปิดให้เล่นแล้ว") ฟอนต์แบบตัวอักษรคงที่นี้ใช้เฉพาะที่นี่เท่านั้น เพื่อสร้างความแตกต่างที่ชัดเจนในด้านการใช้งาน: นี่คือข้อมูลระบบ ไม่ใช่ตราสินค้า
ช่วงเวลาและรูปแบบ
| วัตถุประสงค์ | ความหมาย |
|---|---|
| ความหนาแน่น | เฉลี่ย |
| ขั้นตอนพื้นฐาน | 16-20px |
| รัศมีปุ่ม | 1440px |
| รัศมีการ์ด | 10px |
| เงา | ไม่ - ใช้เส้นขอบแทนเงา |
| ระหว่างส่วนต่างๆ | 80px |
| ความกว้างของหน้า | 1400px |
AI จะสร้างเว็บไซต์ของคุณในสไตล์ของ Ciridae และเติมข้อมูลลงไป
- ใส่สินค้าและโพสต์ผ่านลิงก์ - Instagram, TikTok, Facebook
- ย้ายเนื้อหาจากเว็บไซต์เก่าของคุณ—เพียงระบุที่อยู่เว็บไซต์
- ดีไซน์ทันสมัยบนเอนจิ้นที่ดีที่สุด: React ( Next.js) พร้อมการเรนเดอร์ฝั่งเซิร์ฟเวอร์และการเพิ่มประสิทธิภาพ SEO ในตัว
- การเพิ่มประสิทธิภาพ SEO แบบอัตโนมัติเต็มรูปแบบสำหรับผลการค้นหาและคำแนะนำจากโครงข่ายประสาทเทียม
สไตล์ที่คล้ายกัน
- Dala — กลุ่มดาวลอยอยู่เหนือพื้นกำมะหยี่สีดำ
- Linear — เครื่องมือวัดความแม่นยำเที่ยงคืน
- Resend — กำมะหยี่สีดำผสมสีม่วงนีออน
- Dovetail — แบบแปลนภายใต้แสงจันทร์สีดำ—เส้นกราฟแทบมองไม่เห็น ตัวอักษรสีขาว และประกายสีม่วงหนึ่งดวง
- Neon — ห้องเซิร์ฟเวอร์หลังมืดค่ำ มืดสนิท มีเพียงแสงสว่างจากข้อมูลและการโต้ตอบของผู้ใช้งานเท่านั้น
- Discord — โลกในเกมถูกซ่อนอยู่หลังหน้าต่างแชทแบบป๊อปอัพ แต่ละส่วนเป็นสภาพแวดล้อมที่แยกเป็นอิสระ มีแสงสว่างและตัวละครเป็นของตัวเอง
- Aaru — หอดูดาวสนามอนุภาคเวลาเที่ยงคืน
- Atlas Card — ห้องนิรภัยเที่ยงคืน (Midnight Vault) ที่มีเพียงลำแสงไพลินเดียว เป็นพื้นที่มืดสนิทที่สิ่งเดียวที่สำคัญคือสีน้ำเงินไฟฟ้าเข้ม
- Midjourney — สถานีเรืองแสงในมหาสมุทรลึก โลกใต้ทะเลลึกที่ซึ่งสติปัญญาถูกสร้างขึ้นมาด้วยภาพในรูปแบบ ASCII และปุ่มควบคุมจะปรากฏเป็นลวดลายเรืองแสงจางๆ
- Checkly — ศูนย์ควบคุมภารกิจวงโคจรลึก
- Krea — แกลเลอรีนัวร์ตอนเที่ยงคืน
- Wope — Wope คืออินเทอร์เฟซขอบฟ้าสีม่วง ลองนึกภาพโต๊ะสังเกตการณ์สีเข้มที่มีแสงสีม่วงส่องประกายออกมาจากใต้กระจก