Le Puzz
Sunny Sunday Circular เป็นหนังสือพิมพ์แท็บลอยด์ที่เต็มไปด้วยปริศนา
Le Puzz คือระบบอีคอมเมิร์ซสไตล์แม็กซิมาลิสต์สำหรับร้านค้าบูติก สร้างขึ้นบนพื้นฐานของสองโทนสี: สีเหลืองสดใสคล้ายรังผึ้งจับคู่กับสีดำสนิท ตัดกับพื้นหลังสีเทามุกเย็นตา สไตล์ของมันเป็นการผสมผสานระหว่างหนังสือพิมพ์วินเทจและจิ๊กซอว์: ข้อความหลักใช้ฟอนต์ Times แบบมีเชิง ในขณะที่หัวข้อข่าวใช้ฟอนต์เฉพาะ Times Now ซึ่งจงใจแหวกแนวจากธรรมเนียมอีคอมเมิร์ซแบบดั้งเดิมที่มักใช้ฟอนต์แบบไม่มีเชิง อินเทอร์เฟซนั้นเรียบง่ายและใช้ระบบตาราง ทำให้ความโดดเด่นทางสายตามาจากบรรจุภัณฑ์ของผลิตภัณฑ์ (ภาพประกอบที่หนาแน่นเต็มไปด้วยของเล่น) การควบคุมอินเทอร์เฟซค่อนข้างครบครัน: ปุ่มที่มีขอบสีดำบนพื้นหลังสีเหลือง ไอคอนรูปทรงแคปซูล การ์ดที่มีรัศมี 12 พิกเซล และระยะห่างระหว่างตัวอักษรที่กว้างขวางสำหรับตัวพิมพ์เล็ก ซึ่งทำให้แม้แต่ปุ่ม "เพิ่มด่วน" ก็ดูมีสไตล์แบบบรรณาธิการ
ตารางอีคอมเมิร์ซแบบคลาสสิกที่มีการออกแบบบรรณาธิการที่โดดเด่น ส่วนหัวเป็นแถบสีเหลืองรูปทรงรังผึ้งที่มีขอบสีดำกว้าง 1 ช่อง โดยมีโลโก้อยู่ตรงกลางและแถวปุ่มนำทางเพิ่มเติม ด้านล่าง เหนือตารางสินค้าสามคอลัมน์บนพื้นหลังสีเทา คือส่วนหัวต้อนรับที่อยู่ตรงกลางโดยใช้แบบอักษร Times Now องค์ประกอบหลักคือบล็อกรูปภาพที่อยู่ตรงกลางที่มีมุมโค้งมน (40) ขนาบข้างด้วยการ์ดสินค้าสองใบ จังหวะของส่วนต่างๆ ถูกรักษาไว้: พื้นที่แนวตั้งที่กว้างขวาง (30) พื้นผิวสีเหลืองและสีเทาสลับกัน และความกว้างสูงสุดประมาณ 4.5 ซม. อยู่ตรงกลางหน้า การ์ดสินค้ามีขนาดเท่ากันและจัดเรียงเป็นตารางสามคอลัมน์อย่างเรียบร้อยโดยมีช่องว่าง 5 ซม. เค้าโครงมีความสมมาตรและเชื่อมโยงกับตาราง—ไม่มีองค์ประกอบที่ไม่สมมาตรหรือองค์ประกอบที่ทับซ้อนกัน
องค์ประกอบด้านภาพคือภาพถ่ายผลิตภัณฑ์ กล่องปริศนาถูกถ่ายภาพเต็มตัวโดยใช้พื้นหลังสีขาว/สีกลาง จากนั้นจึงนำไปวางบนพื้นหลังสตูดิโอสีฟ้าอบอุ่นหรือสีธรรมชาติ ภาพหลักเป็นภาพคนถือกล่องปริศนาหลายกล่อง ซึ่งเป็นวัตถุไลฟ์สไตล์ที่ถ่ายทอดออกมาอย่างมีพลังและเป็นธรรมชาติ บรรจุภัณฑ์นั้นดูหรูหรา มีภาพประกอบ และจัดเต็ม: ของเล่น ผลิตภัณฑ์อาหาร และตัวละครมากมายในสีหลักสดใส พร้อมเส้นขอบสีดำหนา ออกแบบให้ดูเหมือนภาพประกอบในหนังสือเด็กที่กระจัดกระจายอยู่บนปริศนา 500 ชิ้น ไม่มีกราฟิกนามธรรม ไม่มีภาพเรนเดอร์ 3 มิติ ไม่มีสัญลักษณ์ใดๆ นอกจากแว่นขยายเพียงอันเดียว ปริศนาเหล่านั้นเองคือภาษาภาพ
จานสี
ยี่ห้อ
- Honeycomb Yellow
#ffd931— สีหลักของแบรนด์ แถบชื่อเรื่อง ปุ่มการทำงานหลัก สถานะการใช้งานของแถบนำทาง สีขีดเส้นใต้ลิงก์ สีเน้น—สีเดียวที่เป็นจุดเริ่มต้นและจุดหมุนของทุกสิ่งทุกอย่าง
เป็นกลาง
- Carbon Black
#000000— ข้อความหลัก เส้นขอบหนา เส้นขอบปุ่ม เส้นขอบไอคอน และข้อความนำทาง ล้วนเป็นโครงสร้างพื้นฐานของระบบทั้งหมด - Ink Black
#231f20— ข้อความรอง ข้อความหลัก ขอบปุ่ม ขอบช่องป้อนข้อมูล - ใช้สีที่อบอุ่นขึ้นเล็กน้อย เกือบดำ เพื่อให้รู้สึกนุ่มนวลขึ้น - Pearl Gray
#c8cbcd— พื้นหลังหน้าเว็บ, พื้นหลังการ์ดผลิตภัณฑ์, เวทีที่โดดเด่นซึ่งปรากฏสีเหลืองและดำ - Fog Gray
#a6a8aa— พื้นผิวของตราสัญลักษณ์ที่ดูเรียบง่าย พื้นหลังของชิปเสริม และการเติมสีในส่วนติดต่อผู้ใช้ที่ดูไม่ฉูดฉาด - Smoke Line
#d6d6d6— แผ่นกั้นแบบบาง แผ่นกั้นโต๊ะ/การ์ดแบบเรียบง่าย ไม่เกะกะ
การจัดพิมพ์
จาก 11 เป็น 47 พิกเซล · 6 ขั้นตอน
- Times Now — ทดแทน: Playfair Display · โครงร่าง 100, 400 · แบบอักษร serif สำหรับหัวข้อข่าวและหัวข้อย่อย—ใช้สำหรับหัวข้อหลัก ชื่อสินค้า และชื่อส่วนต่างๆ แบบอักษรขนาด 100 พอยต์ที่บางมากและมีระยะห่างระหว่างตัวอักษร 47 พิกเซล ทำให้ตัวอักษรดูสูงและกระชับคล้ายกับงานเขียนเชิงบรรณาธิการ รูปทรงตัวอักษรที่กระชับ (ความสูงของบรรทัด 0.87–0.90) ช่วยให้สามารถวางหัวข้อข่าวขนาดใหญ่ไว้ใกล้กับข้อความที่อยู่ข้างๆ ได้ ทำให้ดูเหมือนโปสเตอร์ที่พิมพ์ออกมา
- Times — ทดแทน: Times New Roman · โครงร่าง 400 · การใช้แบบอักษรมีเชิงในเนื้อหาหลักเป็นตัวเลือกที่ไม่ธรรมดาสำหรับร้านค้าออนไลน์ ทำให้เว็บไซต์โดยรวมดูเหมือนแคตตาล็อกสินค้าเชิงวรรณกรรม ระยะห่างระหว่างบรรทัดที่แคบ (1.15) ทำให้ย่อหน้ากระชับและอ่านง่าย
- Helvetica Neue — ทดแทน: Helvetica · โครงร่าง 100, 400 · ข้อความขนาดเล็กในส่วนติดต่อผู้ใช้ ข้อความบนปุ่ม และข้อความขนาดเล็กมาก จะใช้ฟอนต์ขนาด 11 พิกเซล พร้อมระยะห่างระหว่างตัวอักษรมาก (0.0730 เอม) ซึ่งทำให้รู้สึกเหมือนกำลังเขียนด้วยตัวพิมพ์ใหญ่ แม้ในอุณหภูมิร่างกายที่สบาย
ช่วงเวลาและรูปแบบ
| วัตถุประสงค์ | ความหมาย |
|---|---|
| ความหนาแน่น | หนาแน่น |
| ขั้นตอนพื้นฐาน | 15px |
| รัศมีปุ่ม | 12px |
| รัศมีการ์ด | 12px |
| เงา | ไม่ - ใช้เส้นขอบแทนเงา |
| ระหว่างส่วนต่างๆ | 30-40px |
| ความกว้างของหน้า | 1200px |
AI จะสร้างเว็บไซต์ของคุณในสไตล์ของ Le Puzz และเติมข้อมูลลงไป
- ใส่สินค้าและโพสต์ผ่านลิงก์ - Instagram, TikTok, Facebook
- ย้ายเนื้อหาจากเว็บไซต์เก่าของคุณ—เพียงระบุที่อยู่เว็บไซต์
- ดีไซน์ทันสมัยบนเอนจิ้นที่ดีที่สุด: React ( Next.js) พร้อมการเรนเดอร์ฝั่งเซิร์ฟเวอร์และการเพิ่มประสิทธิภาพ SEO ในตัว
- การเพิ่มประสิทธิภาพ SEO แบบอัตโนมัติเต็มรูปแบบสำหรับผลการค้นหาและคำแนะนำจากโครงข่ายประสาทเทียม
สไตล์ที่คล้ายกัน
- Agence Foudre — หน้าปกนิตยสารเป็นสีชมพูอ่อนคล้ายสีลิปสติก
- INVERSA — สถานีภาคสนามด้านภูมิประเทศในเวลาเที่ยงคืน แผงควบคุมคำสั่งที่มืดมิด ซึ่งมีตัวอักษรขนาดใหญ่และเครื่องหมายสีเขียวนีออนเพียงชั้นเดียวซ้อนทับอยู่บนภาพถ่ายดาวเทียมของโลก โดยแต่ละป้ายกำกับเป็นสีขาวดำ ราวกับกำลังอ่านพิกัดภารกิจ
- Acne Studios — พื้นที่จัดแสดงงานศิลปะแบบมินิมอลที่เต็มไปด้วยภาพถ่ายสีสันสดใส—นิตยสารแฟชั่นที่วางอยู่บนพื้นหินอ่อน
- GTE — สถานีซื้อขายหลักทรัพย์ด้านหลังไฟส่องสว่างในแกลเลอรี่
- Diabla — ลานบ้านสไตล์เมดิเตอร์เรเนียนยามเที่ยงวัน – ผนังสีชมพูซีดจางจากแสงแดด ผ้าใบกันแดดสีแดงสดผืนหนึ่ง และพาดหัวข่าวแบบตัวอักษรมีเชิงที่ทอดยาวไปทั่วท้องฟ้า
- Subset — บูติกสำหรับบรรณาธิการที่ทำจากผ้าลินินดิบ
- Cursor — ห้องทำงานเขียนบนกระดาษหนังที่อบอุ่น สว่างไสวด้วยแสงจากถ่านที่กำลังคุอยู่
- MindMarket — หนังสือนิทานแสนอบอุ่นบนกระดาษสีครีม – พื้นที่บรรณาธิการที่เป็นมิตรซึ่งพาดหัวข่าวขนาดใหญ่ของ Inter และตัวการ์ตูนกระดาษที่ตัดออกมาอยู่ร่วมกันบนพื้นผิวที่นุ่มนวลราวกับสติ๊กเกอร์ที่อาบแสงแดด
- Lamborghini — รถสีดำในโชว์รูม ใต้แสงไฟสปอตไลท์ มีรถสีเหลืองคันหนึ่งจอดอยู่
- Amplemarket — สถานที่ทำงานที่อาบไปด้วยแสงแดดและโปรยปรายด้วยกระดาษสีสันสดใส
- Getharvest — โต๊ะทำงานในยามเย็นแสงสีทอง – พื้นหลังสีครีมอบอุ่น โปสการ์ดสีขาวแขวนอยู่บนพื้นหลัง และเปลวไฟสีส้มสดใสเพียงดวงเดียว
- Drive Capital — โปสเตอร์การเดินทางย้อนยุคบนกระดาษสีอบอุ่น