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

Dala

กลุ่มดาวลอยอยู่เหนือพื้นกำมะหยี่สีดำ

Dala นำเสนอพื้นที่มืดมิดที่ซึ่งความว่างเปล่าสีดำมาบรรจบกับสีม่วงสดใสเพียงสีเดียว คั่นด้วยประกายสีเหลืองอำพัน ตัวอักษรดูแข็งแกร่งและเบาหวิว—PPNeueMontreal ซึ่งเป็นแบบอักษรขนาด 400 ครอบงำหัวข้อข่าวแต่ละหัวข้อด้วยขนาดที่ใหญ่กว่าปกติ (78–113 พิกเซล) พร้อมระยะห่างระหว่างตัวอักษรที่มากเกินไป ทำให้หัวข้อข่าวดูเหมือนงานประติมากรรมมากกว่าข้อมูล จุดศูนย์กลางของภาพคือกลุ่มอนุภาคสามเหลี่ยมขนาดเล็กหลากสีสันที่ก่อตัวเป็นรูปทรงสมองแบบออร์แกนิก ซึ่งทำหน้าที่เป็นสัญลักษณ์ประจำแบรนด์: ความรู้ที่แสดงออกมาในรูปแบบของปัญญาแบบกระจายมากกว่าข้อมูลแบบลำดับชั้น การจัดวางเป็นไปตามจังหวะสองคอลัมน์ที่กว้างขวาง—หัวข้อข่าวขนาดใหญ่จัดชิดซ้ายคู่กับข้อความเนื้อหาที่กว้างขวาง ลอยอยู่บนพื้นหลังสีดำสะอาดตาโดยไม่มีแผง กรอบ หรือการ์ด ส่วนประกอบต่างๆ ถูกลดทอนลงอย่างจงใจให้เหลือเพียงรูปแบบที่จำเป็นที่สุด: ปุ่มรูปทรงเม็ดยาสีม่วงเพียงปุ่มเดียว ลิงก์ข้อความที่ซ่อนอยู่ และบล็อกข้อความขนาดใหญ่

ส่วนต่างๆ ที่มีความกว้างเต็มหน้าจอจะถูกจัดวางบนพื้นหลังสีดำสนิท โดยมีความกว้างของเนื้อหาสูงสุดประมาณ 1280 พิกเซล จัดอยู่ตรงกลาง ส่วนหลักมีเลย์เอาต์แบบสองคอลัมน์ที่ไม่สมมาตร: หัวข้อขนาดใหญ่จัดชิดซ้าย (113 พิกเซล) พร้อมข้อความหลักและคำกระตุ้นการตัดสินใจอยู่ครึ่งซ้าย ในขณะที่ภาพจำลอง "สมองอนุภาค" occupies ครึ่งขวาในขนาดที่ใหญ่มาก ส่วนถัดไปจะสลับกันระหว่างสองคอลัมน์ (ภาพซ้าย/ข้อความขวา จากนั้นข้อความซ้าย/ภาพขวา) สร้างจังหวะการอ่านแบบซิกแซก ช่องว่างระหว่างส่วนต่างๆ มีขนาดกว้าง (60–120 พิกเซลในแนวตั้ง) ไม่มีตารางการ์ด ตารางราคา หรือคำอธิบายคุณสมบัติแบบหลายคอลัมน์ เนื้อหาถูกจัดเรียงในบล็อกข้อความและภาพที่กว้างขวางแบบสองคอลัมน์ การนำทางเป็นแถบด้านบนแบบโปร่งใสที่เรียบง่าย ไม่มีแถบด้านข้างหรือเมนูขนาดใหญ่ ความหนาแน่นขององค์ประกอบสูงมาก - หนึ่งหรือสององค์ประกอบต่อหนึ่งวิวพอร์ต ไม่เคยแสดงข้อมูลมากเกินไป

การออกแบบภาพเป็นแบบเชิงกระบวนการและนามธรรมโดยสิ้นเชิง—ไม่มีภาพถ่าย ยกเว้นภาพถ่ายทีม เอกลักษณ์ทางภาพของแบรนด์คือกลุ่มอนุภาคสามเหลี่ยมขนาดเล็กนับพันที่มีเส้นขอบ แสดงผลด้วยสเปกตรัมสีที่สดใส (ม่วง เหลืองอำพัน ฟ้าอมเขียว ม่วง น้ำเงิน) ก่อตัวเป็นรูปร่างสมอง/เซลล์ประสาทแบบอินทรีย์ สนามอนุภาคนี้มีการเคลื่อนไหวและทำหน้าที่ทั้งเป็นภาพหลักและองค์ประกอบของเอกลักษณ์แบรนด์ อนุภาคโดยรอบที่มีความหนาแน่นน้อยกว่าจะเคลื่อนที่ไปบนพื้นหลังของหน้าเว็บ รูปสามเหลี่ยมมีเส้นขอบ ความหนาของเส้น 1-2 พิกเซล ขอบคม และสีสันที่สดใส—ไม่ใช่สีเทา ภาพถ่ายทีมแสดงเป็นรูปสี่เหลี่ยมผืนผ้าขนาดใหญ่ที่มีมุมโค้งมน (รัศมี 124 พิกเซล) โดยไม่มีเส้นขอบหรือส่วนที่ทับซ้อนกัน ไม่มีภาพหน้าจอผลิตภัณฑ์ ไม่มีภาพถ่ายไลฟ์สไตล์ ไม่มีภาพเรนเดอร์ 3 มิติ—ระบบอนุภาคนี้คือแบรนด์ภาพอย่างแท้จริง

จานสี

ยี่ห้อ

  • Electric Iris #8052ff — ปุ่มการทำงานหลัก โลโก้ และองค์ประกอบเน้นแบรนด์ทั้งหมดใช้สีม่วงเข้มสีเดียว ซึ่งสื่อถึงการโต้ตอบและเอกลักษณ์ของแบรนด์บนพื้นหลังสีดำ

เป็นกลาง

  • Void #000000 — พื้นผิวหน้ากระดาษ พื้นหลังของแต่ละส่วน และพื้นที่ว่าง—พื้นผิวหลักเป็นสีดำสนิท ไม่ใช่สีเทาเข้ม ทำให้เกิดช่องว่างที่ช่วยให้สีสันต่างๆ สามารถลอยตัวได้อย่างอิสระ
  • Bone White #ffffff — หัวข้อ เนื้อหาหลัก การเติมสีไอคอน สถานะการนำทางที่ใช้งานอยู่ - เป็นสีตัวอักษรเพียงสีเดียวที่ให้ลำดับความสำคัญสูงสุดบนพื้นหลังสีดำ
  • Ash Gray #9a9a9a — ข้อความนำทางที่ดูเรียบง่าย สีลิงก์โปร่งแสง และป้ายกำกับเพิ่มเติมจะถูกซ่อนอยู่ด้านหลังข้อความหลักโดยไม่ทำให้ข้อความหลักหายไป
  • Silver Mist #bdbdbd — ข้อความเพิ่มเติมและข้อมูลที่ระดับคำบรรยายภาพ - สีเทาที่ดูเรียบง่ายและอ่านง่ายที่สุด เพื่อช่วยเสริมบริบท
  • Saffron Spark #ffb829 — การเน้นข้อความ การเน้นลิงก์ และการดึงดูดความสนใจด้วยเครื่องหมายวรรคตอน—สีเหลืองโทนอบอุ่นตัดกับพื้นหลังสีม่วงสร้างความตึงเครียดทางสีให้กับแบรนด์
  • Deep Verdant #15846e — การลงสีพื้นผิวรอง เช่น การไล่ระดับสีบริเวณโลโก้ จะปรากฏให้เห็นเป็นขอบที่เข้มกว่าของการไล่ระดับสีของแบรนด์ และในรูปแบบของการเปลี่ยนผ่านที่แทบมองไม่เห็น

การจัดพิมพ์

จาก 12 เป็น 113 พิกเซล · 10 ขั้นตอน

  • PPNeueMontreal — ทดแทน: Inter · โครงร่าง 200, 400, 600, 700 · มีการใช้แบบอักษรที่สม่ำเสมอในทุกบริบทของ UI หัวข้อในขนาดแสดงผล (78–113 พิกเซล) ใช้แบบอักษรน้ำหนัก 400 โดยมีระยะห่างระหว่างตัวอักษร -0.04em ซึ่งเป็นน้ำหนักเดียวกับข้อความหลัก แต่ขนาดที่ใหญ่กว่าจะสร้างลำดับชั้น แบบอักษรน้ำหนัก 200 (แบบอักษรบางพิเศษ) สงวนไว้สำหรับข้อความหลักขนาด 18 พิกเซล นี่เป็นการตัดสินใจเฉพาะของแบรนด์: เว็บไซต์ AI/SaaS ส่วนใหญ่ใช้แบบอักษรน้ำหนัก 400 สำหรับข้อความหลัก แต่ Dala ลดน้ำหนักลงเพื่อให้ย่อหน้าดูโปร่งและไม่ดุดัน แบบอักษรน้ำหนัก 600 โดยมีระยะห่างระหว่างตัวอักษร 14 พิกเซล ระยะห่างระหว่างตัวอักษร 0.025em และตัวพิมพ์ใหญ่ทั้งหมด ใช้สำหรับการนำทางและหัวข้อขนาดเล็ก การใช้แบบอักษรน้ำหนัก 400 สำหรับทั้งหัวข้อขนาด 113 พิกเซลและข้อความหลักขนาด 15 พิกเซลนั้นผิดปกติ ซึ่งบ่งชี้ว่าแบรนด์อาศัยขนาด ไม่ใช่น้ำหนัก ในการสร้างลำดับชั้น

ช่วงเวลาและรูปแบบ

วัตถุประสงค์ความหมาย
ความหนาแน่นหนาแน่น
ขั้นตอนพื้นฐาน6-18px
รัศมีปุ่ม24px
รัศมีการ์ด24px
เงาไม่ - ใช้เส้นขอบแทนเงา
ระหว่างส่วนต่างๆ60-120px
ความกว้างของหน้า1280px

AI จะสร้างเว็บไซต์ของคุณในสไตล์ของ Dala และเติมข้อมูลลงไป

  • ใส่สินค้าและโพสต์ผ่านลิงก์ - Instagram, TikTok, Facebook
  • ย้ายเนื้อหาจากเว็บไซต์เก่าของคุณ—เพียงระบุที่อยู่เว็บไซต์
  • ดีไซน์ทันสมัยบนเอนจิ้นที่ดีที่สุด: React ( Next.js) พร้อมการเรนเดอร์ฝั่งเซิร์ฟเวอร์และการเพิ่มประสิทธิภาพ SEO ในตัว
  • การเพิ่มประสิทธิภาพ SEO แบบอัตโนมัติเต็มรูปแบบสำหรับผลการค้นหาและคำแนะนำจากโครงข่ายประสาทเทียม

สไตล์ที่คล้ายกัน

  • Linear — เครื่องมือวัดความแม่นยำเที่ยงคืน
  • Resend — กำมะหยี่สีดำผสมสีม่วงนีออน
  • Ciridae — ห้องว่างเปล่าที่มีริบหรี่ราวกับถ่านที่กำลังคุอยู่ ราวกับวิหารสีดำสนิท ที่ซึ่งเสียงอบอุ่นเพียงอย่างเดียวคือเสียงสนิมบางๆ และทุกพื้นผิวถูกกำหนดด้วยเส้นริ้วละเอียดแทนที่จะเป็นเงา
  • Dovetail — แบบแปลนภายใต้แสงจันทร์สีดำ—เส้นกราฟแทบมองไม่เห็น ตัวอักษรสีขาว และประกายสีม่วงหนึ่งดวง
  • Neon — ห้องเซิร์ฟเวอร์หลังมืดค่ำ มืดสนิท มีเพียงแสงสว่างจากข้อมูลและการโต้ตอบของผู้ใช้งานเท่านั้น
  • Discord — โลกในเกมถูกซ่อนอยู่หลังหน้าต่างแชทแบบป๊อปอัพ แต่ละส่วนเป็นสภาพแวดล้อมที่แยกเป็นอิสระ มีแสงสว่างและตัวละครเป็นของตัวเอง
  • Aaru — หอดูดาวสนามอนุภาคเวลาเที่ยงคืน
  • Atlas Card — ห้องนิรภัยเที่ยงคืน (Midnight Vault) ที่มีเพียงลำแสงไพลินเดียว เป็นพื้นที่มืดสนิทที่สิ่งเดียวที่สำคัญคือสีน้ำเงินไฟฟ้าเข้ม
  • Midjourney — สถานีเรืองแสงในมหาสมุทรลึก โลกใต้ทะเลลึกที่ซึ่งสติปัญญาถูกสร้างขึ้นมาด้วยภาพในรูปแบบ ASCII และปุ่มควบคุมจะปรากฏเป็นลวดลายเรืองแสงจางๆ
  • Checkly — ศูนย์ควบคุมภารกิจวงโคจรลึก
  • Krea — แกลเลอรีนัวร์ตอนเที่ยงคืน
  • Wope — Wope คืออินเทอร์เฟซขอบฟ้าสีม่วง ลองนึกภาพโต๊ะสังเกตการณ์สีเข้มที่มีแสงสีม่วงส่องประกายออกมาจากใต้กระจก