
Ventriloc
หอดูดาวบรรณาธิการที่รวบรวมข้อมูลบนกระดาษอุ่นๆ - ถ่านสีส้มเพียงก้อนเดียวที่เน้นย้ำความแม่นยำแบบขาวดำ
Ventriloc ใช้โทนเสียงที่เงียบสงบและเป็นทางการ: พื้นหลังสีขาวสะอาดตา ตัวอักษรแบบโมโนสเปซที่มีความแม่นยำสูง และเส้นสีส้มเข้มเพียงเส้นเดียวที่เน้นความโดดเด่นบนพื้นหลังสีขาวดำ เหมือนกับปากกาไฮไลท์ในรายงานที่พิมพ์ออกมา ระบบนี้ผสมผสานแบบอักษรนีโอ-โกรเทสก์ที่ออกแบบเอง (PolySans) ที่มีความหนา 400 พอยต์สำหรับหัวข้อ ซึ่งเป็นการควบคุมที่ผิดปกติที่ลดทอนความน่าเชื่อถือจากปริมาณเพื่อแลกกับความน่าเชื่อถือจากความแม่นยำ และใช้แบบอักษร Inter สำหรับเนื้อหาหลักและองค์ประกอบส่วนติดต่อผู้ใช้ พื้นผิวเป็นสีเทาและครีมโทนอบอุ่น แทนที่จะเป็นสีน้ำเงินเทคโนโลยีที่เย็นชา การ์ดมีมุมโค้งมนไม่สมมาตร (มุมบนขวาคม มุมอื่นนุ่มนวล) และองค์ประกอบแบบโต้ตอบแบ่งออกเป็นสองรูปแบบที่แตกต่างกัน: ปุ่มแบบข้อความที่มีมุมแหลม และกล่องนำทางรูปทรงแคปซูล สีถูกใช้อย่างประหยัด: หน้าเว็บควรได้รับการออกแบบในสไตล์ไร้สี 95% ของเวลา และสีส้มใช้เฉพาะเป็นเครื่องหมายวรรคตอนสำหรับการเน้น การขีดเส้นใต้ลิงก์ และการตกแต่งข้อมูลเท่านั้น
คอนเทนเนอร์ที่มีความกว้างสูงสุดคือ 1200 พิกเซล จัดวางอยู่ตรงกลาง โดยมีช่องว่างระหว่างส่วนต่างๆ กว้างถึง 80 พิกเซล องค์ประกอบหลักแบ่งออกเป็นสองคอลัมน์: ด้านซ้ายเป็นหัวข้อ ข้อความย่อย และปุ่มกระตุ้นการดำเนินการสองปุ่ม ด้านขวาเป็นกลุ่มการ์ดข้อมูลสามใบที่ซ้อนทับกัน (แผนภูมิทางการเงิน สถิติรายได้ วงแหวนแสดงผลกำไร) ลอยอยู่บนพื้นหลังสีขาว ด้านล่างองค์ประกอบหลักเป็นแถบโลโก้พันธมิตรเต็มความกว้างบนพื้นหลังสีขาว ส่วนถัดไปสลับกันระหว่างแถบสีเทา (#efefef) และสีขาว การนำทางเป็นคอนเทนเนอร์รูปทรงแคปซูลลอยอยู่ตรงกลางส่วนหัว โดยมีโลโก้แบรนด์จัดชิดซ้ายและปุ่ม "ติดต่อเรา" สีเข้มจัดชิดขวา จังหวะโดยรวมดูโปร่งโล่งและเหมือนบทความบรรณาธิการ—ขอบกว้าง ส่วนต่างๆ สูง และการ์ดข้อมูลเป็นเพียงเครื่องหมายวรรคตอนทางสายตาเพียงอย่างเดียวนอกเหนือจากตัวอักษร
การออกแบบภาพนั้นขับเคลื่อนด้วยข้อมูลเกือบทั้งหมด: วิดเจ็ตแผนภูมิ (กราฟเส้น แถบแสดงความคืบหน้าแบบวงกลม การ์ดสถิติ) ถูกออกแบบในสไตล์เรียบง่าย ด้วยเส้นสีส้มและสีทองเหลืองบางๆ บนพื้นผิวสีขาวเหมือนกระดาษแข็ง ไม่มีภาพถ่ายไลฟ์สไตล์ ไม่มีภาพสต็อก ไม่มีภาพประกอบใดๆ บนหน้าแรก เนื้อหาภาพถ่ายเพียงอย่างเดียวคือโลโก้ของพันธมิตร/ลูกค้า ซึ่งนำเสนอในสีเทากราไฟต์แบบขาวดำ ภาษาภาพนั้นใกล้เคียงกับรายงานประจำปีที่พิมพ์ออกมามากกว่าเว็บไซต์ SaaS ทั่วไป—แผนภูมิเหล่านั้นคือภาพ ไอคอนมีลักษณะบาง เป็นเส้นเดียว และมีสีเทากราไฟต์ ปรากฏอย่างประปรายในแถบนำทางและส่วนหัวของการ์ด
จานสี
ยี่ห้อ
- Ember Orange
#ff682c— สีส้มใช้สำหรับเน้นลิงก์ แท็ก และวลีสั้นๆ ไม่ควรใช้เป็นสีหลักสำหรับข้อความกระตุ้นการกระทำ (Call to Action)
เป็นกลาง
- Graphite
#202020— ข้อความหลัก หัวข้อ ลิงก์นำทาง โครงร่างไอคอน – สิ่งเหล่านี้คือพื้นฐานทางด้านการพิมพ์ขององค์ประกอบทุกอย่างในส่วนติดต่อผู้ใช้ - Canvas White
#ffffff— พื้นหลังของหน้ากระดาษ ความสูงของการ์ด การเติมสีไอคอน—พื้นผิวที่สว่างที่สุดในระบบ - Ash
#efefef— พื้นหลังหลักของบัตรและส่วนต่างๆ รวมถึงกรอบของแถบนำทางนั้น ส่วนใหญ่เป็นพื้นผิวสีเทาโทนอบอุ่น - Fog
#f5f5f5— โทนสีพื้นหลังที่ดูเรียบง่ายสำหรับพื้นผิวที่ซ้อนกันและภาชนะบรรจุรอง - Ivory
#ebe6dd— พื้นหลังสีโทนอบอุ่นสำหรับบล็อกหลัก ให้ความรู้สึกเหมือนกระดาษ - Steel
#4d4d4d— ข้อความหลักรอง, ข้อความย่อหน้ายาว
การจัดพิมพ์
จาก 14 เป็น 66 พิกเซล · 5 ขั้นตอน
- PolySans — ทดแทน: Inter Tight or Space Grotesk at weight 400 · โครงร่าง 400 · หัวข้อข่าวและข้อความตกแต่ง - แบบอักษรนีโอ-โกรเทสก์ที่ออกแบบมาเป็นพิเศษ ใช้เฉพาะที่ความหนา 400 และระยะห่างระหว่างตัวอักษร -0.02em สร้างความน่าเชื่อถืออย่างแยบยลในแบบที่หัวข้อข่าวตัวหนาใดๆ ก็ไม่สามารถเลียนแบบได้
- Inter — ทดแทน: system-ui or Roboto · โครงร่าง 400, 500, 600 · ข้อความหลัก, ป้ายกำกับองค์ประกอบ UI, ข้อความบนปุ่ม, หัวข้อ, เมตาเดตา - ใช้ฟอนต์ sans-serif สากลสำหรับทุกอย่างที่ไม่ใช่หัวข้อ
ช่วงเวลาและรูปแบบ
| วัตถุประสงค์ | ความหมาย |
|---|---|
| ความหนาแน่น | เฉลี่ย |
| ขั้นตอนพื้นฐาน | 20px |
| รัศมีปุ่ม | 0px |
| รัศมีการ์ด | 8px |
| เงา | ไม่ - ใช้เส้นขอบแทนเงา |
| ระหว่างส่วนต่างๆ | 80px |
| ความกว้างของหน้า | 1200px |
AI จะสร้างเว็บไซต์ของคุณในสไตล์ของ Ventriloc และเติมข้อมูลลงไป
- ใส่สินค้าและโพสต์ผ่านลิงก์ - Instagram, TikTok, Facebook
- ย้ายเนื้อหาจากเว็บไซต์เก่าของคุณ—เพียงระบุที่อยู่เว็บไซต์
- ดีไซน์ทันสมัยบนเอนจิ้นที่ดีที่สุด: React ( Next.js) พร้อมการเรนเดอร์ฝั่งเซิร์ฟเวอร์และการเพิ่มประสิทธิภาพ SEO ในตัว
- การเพิ่มประสิทธิภาพ SEO แบบอัตโนมัติเต็มรูปแบบสำหรับผลการค้นหาและคำแนะนำจากโครงข่ายประสาทเทียม
สไตล์ที่คล้ายกัน
- Ui — แผนการรักษาทางคลินิกบนกระดาษด้าน
- Geniestudio — สมุดบันทึกที่ใช้แสงอ่อนๆ ในตอนกลางวัน—แบบที่มีขอบกว้างและเส้นปากกาหนาๆ เพียงเส้นเดียว
- xAI — ครีมบำรุงผิวอุ่นๆ พร้อมยาเม็ดสีดำ
- Cal — ความเรียบง่ายแบบขาวดำที่ใช้งานได้จริง แนวทางที่คำนึงถึงมนุษย์ ระบบที่ให้ความสำคัญกับความชัดเจนและฟังก์ชันการใช้งานผ่านโทนสีขาวดำที่เข้มงวด แต่ลดทอนความเรียบง่ายลงด้วยตัวอักษรที่เป็นมิตรและรูปทรงโค้งมน
- Scale — ห้องแล็บภาพถ่ายคุณภาพสูงระดับพิพิธภัณฑ์ ผสานกับโครงการทางเทคนิค
- Contractbook — สัญญาบนกระดาษสีครีมภายใต้ท้องฟ้าสีน้ำเงินเข้ม
- AutoSend — สตูดิโอหินที่อบอุ่นพร้อมแสงสีม่วงดวงเดียว ที่ซึ่งหัวข้อแบบตัวอักษรมีเชิงและคำกระตุ้นการตัดสินใจสีครามสดใสอยู่ร่วมกันในพื้นที่เงียบสงบเกือบเป็นสีขาว
- Air — ประติมากรรม "ท้องฟ้ายามเที่ยงคืนผ่านกระจก"
- SpatialChat — ชีพจรสีม่วงบนกระดาษ parchment สีขาว
- Squarespace — แกลเลอรี่ภาพยนตร์ขาวดำ
- Giga — ขอบฟ้ายามเที่ยงคืนเหนือหินออบซิเดียนที่ปกคลุมด้วยน้ำค้างแข็ง
- Supabase — โปรแกรมแก้ไขโค้ดตอนเที่ยงคืนพร้อมจุดสีเขียวเรืองแสง—พัลส์สีเดียวบนทะเลฝุ่นถ่านหิน