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

Slush

จักรวาลเป่าลมที่สร้างจากสติ๊กเกอร์บนกระดาษสีพาสเทล

Slush ทำงานเหมือนอัลบั้มสติ๊กเกอร์: กระดาษสีพาสเทลเป็นผืนผ้าใบ ริบบิ้นสีฟ้าสดใสขนาดใหญ่และหนา และสติ๊กเกอร์หลากสีสันที่กระจายอยู่เหมือนกระดาษโปรย ตัวอักษรมีขนาดใหญ่และแคบ (ขนาดตัวอักษร 800 x 200–640 พิกเซล ระยะห่างระหว่างบรรทัด 0.75–0.80) ทำให้คำต่างๆ กลายเป็นวัตถุประติมากรรมมากกว่าประโยค สีหลักหกสีที่เข้มข้นทำหน้าที่เป็นจานสีสติ๊กเกอร์ทั่วไป โดยแต่ละสีจะปรากฏเป็นสติ๊กเกอร์แบบเต็มพื้นที่ พื้นผิวการ์ด หรือชั้นตกแต่ง ไม่ใช่เป็นเพียงสีเน้นเล็กๆ ส่วนประกอบต่างๆ มีรูปทรงโค้งมน (20–40 พิกเซลบนการ์ด รูปทรงแคปซูลบนแถบนำทาง) และมีเส้นขอบสีดำเพื่อให้ดูเหมือนงานฝีมือ ผลลัพธ์ที่ได้จึงไม่ใช่แค่หน้าเว็บของบริษัทฟินเทค แต่เป็นเหมือนภาพตัดปะที่ติดอยู่บนผนังสีอ่อน

เลย์เอาต์ของเว็บไซต์นี้เป็นหน้าเว็บแบบเลื่อนได้เต็มความกว้าง โดยไม่มีแถบด้านข้างหรือกรอบคงที่ ข้อความที่เลื่อนได้และแถบนำทางด้านบนแบบเรียบง่าย (โลโก้ทางซ้าย แถบนำทางตรงกลาง ปุ่มกระตุ้นการดำเนินการที่เติมสีทางขวา) จะอยู่ด้านบนสุดเสมอ แต่ละส่วนเป็นแถบสีเต็มความกว้าง (#dceeff → #ffffff → #cccccc) พร้อมข้อความด้านข้างขนาดใหญ่ จัดวางตรงกลางหรือชิดซ้าย ล้อมรอบด้วยริบบิ้นสีน้ำเงินแบบ 3 มิติ การจัดวางเนื้อหาตั้งใจให้ดูหลวมๆ และเหมือนภาพตัดปะ มากกว่าที่จะเป็นแบบตาราง: สติกเกอร์ทับซ้อนกับข้อความ ริบบิ้นตัดกันด้านหลังข้อความ และการ์ด QR วางอยู่เยื้องศูนย์ในส่วนรอง การจัดเรียงในแนวตั้งค่อนข้างกว้าง (ช่องว่าง 48 พิกเซลระหว่างส่วนต่างๆ) แต่การจัดองค์ประกอบในแนวนอนนั้นตั้งใจให้ไม่สมมาตร หน้าเว็บอ่านจากบนลงล่างเหมือนแถบสีขนาดใหญ่สามแถบ แต่ละแถบเป็นโปสเตอร์เดี่ยวๆ

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

จานสี

ยี่ห้อ

  • Electric Blue #4da2ff — สีหลักของแบรนด์—เช่น ลวดลายริบบิ้นหนา ภาพพื้นหลัง และลวดลายเบลอๆ บนการ์ด—เป็นเอกลักษณ์ทางภาพที่ทำหน้าที่เป็นรากฐานสำหรับทุกหน้าจอ

เป็นกลาง

  • Carbon #000000 — ข้อความหลัก กรอบการ์ด พื้นหลังที่เติมสีสำหรับคำกระตุ้นการตัดสินใจ และโลโก้ สร้างเอฟเฟกต์เหมือนการตัดขอบสติ๊กเกอร์ด้วยมือบนพื้นผิวสีพาสเทล
  • Paper White #ffffff — หน้ากระดาษแคนวาส พื้นผิวกระดาษแข็ง การเติมสีขอบปุ่ม ข้อความบนพื้นหลังสีเข้ม
  • Sky Wash #dceeff — พื้นหลังส่วนหลัก เป็นพื้นหลังสีฟ้าอ่อนแบบพาสเทล
  • Concrete Gray #cccccc — พื้นหลังส่วนรอง พื้นผิวกลางที่เป็นกลาง
  • Soft Mist #e9e9e9 — โทนสีของปุ่มและพื้นผิวที่ละเอียดอ่อน สถานะการปิดใช้งาน
  • Mint Pop #55db9c — ใช้สีเขียวเติมเพื่อเน้นพื้นหลัง ลายเส้นตกแต่ง และสีเน้นอ่อนๆ ด้านหลังเนื้อหา

การจัดพิมพ์

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

  • Lateral — ทดแทน: Druk · โครงร่าง 800 · เฉพาะหัวข้อข่าว—โลโก้ "SLUSH" และแบนเนอร์ส่วนต่างๆ เช่น "ALL THINGS SUI"—เท่านั้นที่แสดงผลด้วยขนาดตัวอักษร 200-640 พิกเซล โดยลดความสูงของบรรทัดเหลือ 0.75-0.80 ทำให้ตัวอักษรดูเหมือนบล็อกที่แกะสลัก นี่เป็นวิธีการแสดงผลที่แหวกแนว: ไม่มีเว็บไซต์อื่นใดใช้ขนาดตัวอักษร 800 พอยต์ที่มีความสูงของบรรทัดน้อยกว่า 0.85 และเอฟเฟ็กต์นี้ทำให้ข้อความดูเหมือนวัตถุจริงที่ห่อหุ้มด้วยริบบิ้นสามมิติ
  • Aeonik Pro — ทดแทน: Inter · โครงร่าง 500, 700 · ส่วนติดต่อผู้ใช้ทั้งหมด รวมถึงข้อความหลัก การนำทาง ปุ่ม และหัวข้อย่อย ใช้ความหนา 500 สำหรับข้อความหลักและข้อมูลเมตา (12–16 พิกเซล) ความหนา 700 สำหรับหัวข้อย่อยและป้ายกำกับการนำทาง (24–30 พิกเซล) และเพิ่มขึ้นทีละ 64 พิกเซลสำหรับหัวข้อรองขนาดใหญ่ การเว้นระยะห่างระหว่างตัวอักษรที่แคบ (-0.010em) ทำให้ข้อความหลักแคบลง (14–16 พิกเซล) การขยายเล็กน้อย (0.030–0.032em) ในป้ายกำกับการนำทาง/ปุ่ม จะทำให้ส่วนควบคุมมี "พื้นที่ว่าง"

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

วัตถุประสงค์ความหมาย
ความหนาแน่นหนาแน่น
ขั้นตอนพื้นฐาน4-12px
รัศมีปุ่ม1600px
รัศมีการ์ด20px
เงาไม่ - ใช้เส้นขอบแทนเงา
ระหว่างส่วนต่างๆ48px
ความกว้างของหน้า1440px

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

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

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

  • Cursor — ห้องทำงานเขียนบนกระดาษหนังที่อบอุ่น สว่างไสวด้วยแสงจากถ่านที่กำลังคุอยู่
  • MindMarket — หนังสือนิทานแสนอบอุ่นบนกระดาษสีครีม – พื้นที่บรรณาธิการที่เป็นมิตรซึ่งพาดหัวข่าวขนาดใหญ่ของ Inter และตัวการ์ตูนกระดาษที่ตัดออกมาอยู่ร่วมกันบนพื้นผิวที่นุ่มนวลราวกับสติ๊กเกอร์ที่อาบแสงแดด
  • Shop — กลุ่มดาวการค้าลอยตัวบนหินอ่อนสีขาว
  • Airbnb — ผนังแกลเลอรี่สีขาวเงียบสงบ มีเพียงที่คั่นหนังสือสีแดงปะการังชิ้นเดียว
  • Superr — สมุดนักเรียนอุ่นๆ ในแสงแดดอ่อนๆ ยามบ่าย กระดาษสีครีม ปากกาเมจิกสีส้มที่ไม่มีฝาปิด และสติ๊กเกอร์ชื่อเคลือบพลาสติกกองโตที่รอการลอกออก
  • Apple (España) — ห้องแสดงงานศิลปะของพิพิธภัณฑ์ ภายใต้แสงแดดอ่อนๆ เป็นพื้นที่สีขาวโล่งกว้างที่ดึงดูดใจและไร้น้ำหนัก โดยแต่ละชิ้นงานจัดแสดงจะถูกส่องสว่างด้วยไฟสปอตไลท์ที่ส่องไปยังผนังสีอ่อนๆ
  • Lamborghini — รถสีดำในโชว์รูม ใต้แสงไฟสปอตไลท์ มีรถสีเหลืองคันหนึ่งจอดอยู่
  • Amplemarket — สถานที่ทำงานที่อาบไปด้วยแสงแดดและโปรยปรายด้วยกระดาษสีสันสดใส
  • Getharvest — โต๊ะทำงานในยามเย็นแสงสีทอง – พื้นหลังสีครีมอบอุ่น โปสการ์ดสีขาวแขวนอยู่บนพื้นหลัง และเปลวไฟสีส้มสดใสเพียงดวงเดียว
  • Agence Foudre — หน้าปกนิตยสารเป็นสีชมพูอ่อนคล้ายสีลิปสติก
  • Drive Capital — โปสเตอร์การเดินทางย้อนยุคบนกระดาษสีอบอุ่น
  • Apple (España) — ตู้โชว์สีขาว