ThoughtLab
อนุสาวรีย์หินออบซิเดียนที่มีสัญลักษณ์สีแดงเข้ม พื้นที่ว่างเปล่าสีดำสนิท ที่ซึ่งวัตถุสีแดงสดเพียงชิ้นเดียวในมหาวิหาร คือรูปทรงสีเดียวที่พิมพ์ด้วยตัวอักษรสีขาวขนาดใหญ่
ThoughtLab ทำงานคล้ายกับภาษาการออกแบบของ Black Cathedral: ผืนผ้าใบสีดำว่างเปล่า จังหวะสีแดงเพียงครั้งเดียว และตัวอักษรขนาดใหญ่ที่ทำหน้าที่เสมือนสถาปัตยกรรม ระบบนี้แทบจะไม่มีสีเลย—#cccccc แทนตัวเนื้อหา #ffffff แทนส่วนแสดงผล—โดยมี #fc1c46 ปรากฏขึ้นเฉพาะสำหรับการกระทำหลักเพียงอย่างเดียว ราวกับเป็นแรงตึงที่ควบคุมได้บนพื้นหลังที่ว่างเปล่า ลำดับชั้นถูกสร้างขึ้นผ่านการกระโดดของขนาดที่คมชัด (198px → 14px) มากกว่าผ่านสี เงา หรือการเติมสี ส่วนประกอบต่างๆ ดูเหมือนไม่มีน้ำหนัก: การ์ดโปร่งใส ปุ่มรูปทรงแคปซูล ช่องป้อนข้อมูลที่บาง การไม่มีการเรียงซ้อนกัน—หน้าเว็บหายใจได้ด้วยพื้นที่ว่างและตัวพิมพ์ใหญ่ที่อัดแน่น มากกว่าผ่านคอนเทนเนอร์
พื้นหลังสีเข้มครอบคลุมความกว้างทั้งหมดของหน้ากระดาษ โดยมีระยะขอบแนวนอนกว้าง (126 พิกเซลในแต่ละด้าน ทำให้คอลัมน์เนื้อหามีความกว้างประมาณ 1400 พิกเซล) ส่วนหัวเป็นเส้นเดียวขนาด 72 พิกเซล ประกอบด้วยโลโก้ทางด้านซ้าย สโลแกนตรงกลาง ปุ่มกดเพื่อดำเนินการรูปทรงแคปซูล และแถบเมนูทางด้านขวา ส่วนหัวเรื่องแบ่งออกเป็นสองส่วน โดยมีหัวข้อขนาดใหญ่ 198 พิกเซลเป็นตัวพิมพ์ใหญ่ทั้งหมดอยู่ทางด้านซ้าย พร้อมข้อความเนื้อหาสนับสนุนขนาด 18 พิกเซลอยู่ด้านล่าง ขณะที่ทรงกลมสามมิติซ้อนทับข้อความทางด้านขวาของกึ่งกลาง คล้ายกับกำลัง "กิน" ข้อความบางส่วน ด้านล่างส่วนหัวเรื่อง ส่วนต่างๆ ถูกจัดเรียงในแนวตั้งอย่างเป็นระเบียบ โดยมีช่องว่างระหว่างกัน 86–108 พิกเซล องค์ประกอบของงานแสดงเป็นรายการ ซึ่งกินพื้นที่เกือบทั้งหมดของความกว้างของหน้ากระดาษ แทนที่จะเป็นตารางการ์ด ไม่มีแถบด้านข้าง ไม่มีเมนูขนาดใหญ่ ไม่มีส่วนท้ายเว็บไซต์ที่มีตารางคอลัมน์ ส่วนท้ายเว็บไซต์เป็นเพียงบรรทัดเดียวเรียบๆ ที่มีข้อมูลลิขสิทธิ์และข้อมูลติดต่อ #4c4c4c การนำทางนอกเหนือจากส่วนหัวจะเปิดเป็นเมนูแฮมเบอร์เกอร์ในโอเวอร์เลย์แบบเต็มหน้าจอ
รูปภาพมีจำนวนน้อยและถูกคัดสรรมาอย่างตั้งใจ องค์ประกอบภาพที่โดดเด่นคือทรงกลมขนาดใหญ่ที่ทำจากของเหลวสีดำคล้ายหินออบซิเดียน แสดงผลด้วย WebGL—รูปทรงสามมิติสีเข้มเกือบดำ มีแสงสะท้อนสีฟ้าและสีเหลืองอำพันจางๆ ตามขอบ ลอยอยู่บนพื้นหลังสีดำและทับซ้อนกับชื่อเรื่องบางส่วน ทำหน้าที่เป็นสัญลักษณ์ประจำแบรนด์มากกว่าภาพประกอบ ภาพขนาดย่อของโครงการแสดงเป็นภาพถ่ายหรือวิดีโอในรายการแนวตั้ง นำเสนอแบบเต็มหน้าจอโดยไม่มีขอบ ไม่มีภาพถ่ายไลฟ์สไตล์ ไม่มีภาพสต็อก ไม่มีไล่ระดับสีเพื่อการตกแต่ง ทรงกลมและตัวอักษรเป็นองค์ประกอบภาพเพียงอย่างเดียวบนหน้าเว็บ
จานสี
ยี่ห้อ
- Crimson Signal
#fc1c46— จุดเด่นหลักคือองค์ประกอบสีแดงเพียงชิ้นเดียว ปรากฏอยู่บนแท็บ "รายชื่อติดต่อ" ในโลโก้ของแบรนด์ และไม่มีที่อื่นอีกเลย ความหายากของมันเกิดจากลักษณะเฉพาะของการออกแบบ
เป็นกลาง
- Void
#000000— พื้นหลังของหน้าเว็บ หรือผืนผ้าใบ คือรากฐานที่สำคัญที่สุด ซึ่งองค์ประกอบอื่นๆ ทั้งหมดจะลอยอยู่บนนั้น - Ash
#cccccc— ข้อความหลักและลิงก์ ใช้โทนสีข้อความเริ่มต้นบนพื้นหลังสีดำ - เลือกใช้โทนสีนี้แทนสีขาวบริสุทธิ์เพื่อลดแสงสะท้อน - Frost
#ffffff— การแสดงหัวข้อ ข้อความบนปุ่ม ข้อความในช่องป้อนข้อมูล และมาร์กอัป เป็นระดับที่โดดเด่นที่สุด ซึ่งมีไว้สำหรับเนื้อหาที่ควรเรียงลำดับอย่างเป็นเส้นตรง - Graphite
#4c4c4c— ลิขสิทธิ์ เมตาแท็ก ข้อความเสริม - ถูกปิดเสียงโดยเจตนาเพื่อไม่ให้แย่งความสนใจจากข้อความหลัก
การจัดพิมพ์
จาก 10 เป็น 198 พิกเซล · 7 ขั้นตอน
- sui — ทดแทน: Space Grotesk (closest free geometric match) or Inter for a more neutral alternative. Neue Haas Grotesk Display if licensed. · โครงร่าง 300, 400, 500, 700 · ใช้ฟอนต์เดียว Sui เป็นฟอนต์ sans-serif รูปทรงเรขาคณิตที่ออกแบบมาเป็นพิเศษ ใช้ได้กับทุกอย่างตั้งแต่ขนาด 198px สำหรับหัวข้อข่าวไปจนถึง 10px สำหรับคำบรรยายภาพ น้ำหนัก 700 สงวนไว้สำหรับหัวข้อข่าวขนาดใหญ่และชื่อเรื่องขนาดใหญ่ น้ำหนัก 400 ใช้สำหรับส่วนที่เหลือของระบบ ความแตกต่างระหว่างตัวหนาและตัวปกติเป็นระบบฟอนต์หลัก ไม่จำเป็นต้องใช้ตระกูลฟอนต์ที่สอง
ช่วงเวลาและรูปแบบ
| วัตถุประสงค์ | ความหมาย |
|---|---|
| ความหนาแน่น | หนาแน่น |
| ขั้นตอนพื้นฐาน | 9px |
| รัศมีปุ่ม | 9999px |
| รัศมีการ์ด | 0px |
| เงา | ไม่ - ใช้เส้นขอบแทนเงา |
| ระหว่างส่วนต่างๆ | 86-108px |
| ความกว้างของหน้า | 1400px |
AI จะสร้างเว็บไซต์ของคุณในสไตล์ของ ThoughtLab และเติมข้อมูลลงไป
- ใส่สินค้าและโพสต์ผ่านลิงก์ - Instagram, TikTok, Facebook
- ย้ายเนื้อหาจากเว็บไซต์เก่าของคุณ—เพียงระบุที่อยู่เว็บไซต์
- ดีไซน์ทันสมัยบนเอนจิ้นที่ดีที่สุด: React ( Next.js) พร้อมการเรนเดอร์ฝั่งเซิร์ฟเวอร์และการเพิ่มประสิทธิภาพ SEO ในตัว
- การเพิ่มประสิทธิภาพ SEO แบบอัตโนมัติเต็มรูปแบบสำหรับผลการค้นหาและคำแนะนำจากโครงข่ายประสาทเทียม
สไตล์ที่คล้ายกัน
- Vivid+Co — แสงสีรุ้งส่องผ่านหินออบซิเดียน
- Sequel — การฉายภาพยนตร์ส่วนตัวหลังพระอาทิตย์ตกดินเป็นแสงสว่างอบอุ่นเพียงหนึ่งเดียวในโรงภาพยนตร์ที่มืดมิด
- Dovetail — แบบแปลนภายใต้แสงจันทร์สีดำ—เส้นกราฟแทบมองไม่เห็น ตัวอักษรสีขาว และประกายสีม่วงหนึ่งดวง
- MekaVerse — แกลเลอรี่ภาพขาวดำของสิ่งประดิษฐ์ดิจิทัล—พื้นที่ว่างสีดำสนิทที่โลกที่ถูกสร้างขึ้นแขวนอยู่ราวกับนิทรรศการในพิพิธภัณฑ์ และส่วนติดต่อผู้ใช้ทั้งหมดเป็นหมึกสีขาวบนกระจกสีดำด้าน
- Krea — แกลเลอรีนัวร์ตอนเที่ยงคืน
- Factory — เครื่องเทอร์มินัลใน "ห้องบัญชาการ" ตอนเที่ยงคืน "โรงงาน" คือแผงควบคุมสีดำสนิทที่มีการ์ดสีขาวใบเดียววางลงราวกับคำสั่งที่ส่องด้วยไฟฉาย สิ่งเดียวที่มีอยู่ในห้องนั้นคืองานนั่นเอง
- basement — เครื่องพิมพ์ว่างเปล่าเวลาตี 3 – ตัวอักษรขนาดใหญ่บีบอัดกระจายอยู่บนพื้นหลังสีดำสนิท มีเพียงแสงสีส้มริบหรี่บนแถบนำทาง ทุกสิ่งทุกอย่างรอบข้างเป็นสีขาวหรือสีเทาจางๆ
- Stink Studios — สตูดิโอถ่ายทำภาพยนตร์ยามเที่ยงคืน - เสียงเครื่องฉายดังหึ่งๆ ห้องมืดสนิท มีเพียงฟิล์มเท่านั้นที่ส่องสว่าง
- Apple (España) — โรงละครสีดำที่มีอุปกรณ์ให้แสงสว่าง
- Charlie — ตัวอักษรที่แกะสลักจากหินอารามลงบนหินออบซิเดียน แฟ้มสะสมผลงานที่ผนังสีแดงเพียงด้านเดียวสร้างความเงียบงันที่น่าตกใจ
- Rive — ระบบมองเห็นในที่มืดความแม่นยำสูง อินเทอร์เฟซมีเลนส์พิเศษที่สามารถมองทะลุความมืดเพื่อโฟกัสรายละเอียดทางเทคนิคได้อย่างคมชัดที่สุด
- Datalands — โบสถ์สีดำที่มีแสงนีออนกะพริบเพียงดวงเดียว โลโก้กินพื้นที่เต็มโถงกลาง ส่วนข้อความอื่นๆ เป็นเพียงตัวอักษรที่แทบจะไม่ได้ยินอยู่ด้านล่าง