
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) — ตู้โชว์สีขาว