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

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 — โปรแกรมแก้ไขโค้ดตอนเที่ยงคืนพร้อมจุดสีเขียวเรืองแสง—พัลส์สีเดียวบนทะเลฝุ่นถ่านหิน