MAKR
ตู้จัดแสดงสินค้าในพิพิธภัณฑ์สำหรับสินค้าเครื่องหนังทำมือ ห้องสีขาวเงียบสงบที่มีป้ายกำกับหมึกสีดำอบอุ่นลอยอยู่ใต้ภาพถ่ายขนาดใหญ่ของสินค้าเครื่องหนังที่ถืออยู่ในมือหรือถ่ายคู่กับทิวทัศน์ สีที่ตัดกันเพียงอย่างเดียวคือแถบสีเขียวอ่อนๆ
MAKR คือแกลเลอรีออนไลน์ที่อุทิศให้กับสินค้าเครื่องหนังทำมือ สร้างขึ้นบนโทนสีขาวดำเกือบทั้งหมด โดยมีภาพถ่ายเป็นองค์ประกอบหลัก แถบโฆษณาด้านบนถูกเน้นด้วยโทนสีเทาเกือบทั้งหมด (มีสีเขียวอ่อนเจืออยู่เล็กน้อย) ในขณะที่ส่วนอื่นๆ ทั้งหมด ไม่ว่าจะเป็นพื้นผิว ข้อความ เส้นแบ่ง และลิงก์ ล้วนถูกแสดงผลด้วยหมึกสีดำเข้มโทนอบอุ่นบนพื้นหลังสีขาว ตัวอักษรเป็นแบบ Sohne neo-grotesque ที่เรียบง่ายที่สุด: ตัวอักษรขนาดเล็ก ระยะห่างระหว่างบรรทัดกว้าง และระยะห่างระหว่างตัวอักษรสำหรับตัวพิมพ์ใหญ่ในคำบรรยายภาพ ทำให้รู้สึกเหมือนเป็นข้อความบนผนังแกลเลอรี ไม่ใช่ส่วนติดต่อผู้ใช้บนเว็บ เค้าโครงเน้นภาพ ไม่สมมาตร และเรียบง่าย เหมือนพิพิธภัณฑ์: วัตถุต่างๆ ถูกถ่ายภาพในมือ ในทิวทัศน์ ในแสงธรรมชาติ โดยมีคำบรรยายภาพเล็กๆ คล้ายลิงก์อยู่ด้านล่าง ส่วนประกอบต่างๆ แทบมองไม่เห็น—ลิงก์ข้อความขีดเส้นใต้ ช่องป้อนข้อมูลที่ซ่อนอยู่ ไม่มีเงา ไม่มีปุ่มโค้งมน—ทำให้หนังและภาพถ่ายมีบทบาทสำคัญในการสร้างแบรนด์
การจัดวางแบบเต็มพื้นที่โดยไม่จำกัดความกว้างของเนื้อหา รูปภาพจะเติมเต็มพื้นที่แสดงผลทั้งหมด แบนเนอร์โฆษณาด้านบนจะใช้ความกว้างเต็มพื้นที่ ตามด้วยแถบนำทางส่วนหัวที่ใช้ความกว้างเต็มพื้นที่เช่นกัน พื้นที่เนื้อหาหลักใช้ตารางรูปภาพแบบหลายคอลัมน์ (2-3 คอลัมน์บนเดสก์ท็อป) โดยมีช่องว่างระหว่างรูปภาพน้อยมากหรือไม่มีเลย ทำให้รูปภาพสร้างโครงสร้างภาพของตัวเองได้ ข้อความและลิงก์จะอยู่ในพื้นที่ว่างด้านล่างรูปภาพ โดยไม่ทับซ้อนกัน ส่วนบทความจะสลับระหว่างตารางผลิตภัณฑ์และรูปภาพสไตล์ไลฟ์สไตล์ที่ใช้ความกว้างเต็มพื้นที่ จังหวะแนวตั้งมีความเหมาะสม (ช่องว่างระหว่างส่วนต่างๆ 80–1.5) ทำให้รู้สึกเหมือนกำลังเดินชมหอศิลป์ หน้าต่างสมัครรับจดหมายข่าวเป็นแผงคงที่อยู่ด้านล่างซ้าย แผงสมัครรับจดหมายข่าวที่สามารถปิดได้จะอยู่ด้านล่างสุดของพื้นที่แสดงผล ภาพรวมให้ความรู้สึกเหมือนแคตตาล็อกของพิพิธภัณฑ์หรือบทความในนิตยสาร มากกว่ารูปแบบอีคอมเมิร์ซทั่วไป
การถ่ายภาพเป็นเนื้อหาหลักและภาษาของแบรนด์ มีการใช้ภาพสองรูปแบบร่วมกัน: (1) ภาพขาวดำขนาดใหญ่ของผลิตภัณฑ์ที่อยู่ในมือ เป็นภาพสี่เหลี่ยมจัตุรัสหรือตัดขอบในอัตราส่วน 3:4 มีความคมชัดสูง วัตถุเต็มเฟรมโดยไม่มีบริบทของไลฟ์สไตล์ (2) ภาพถ่ายไลฟ์สไตล์สีสันสดใสในแสงธรรมชาติที่อบอุ่น ทิวทัศน์ในโทนสีเอิร์ธโทน นางแบบกำลังเคลื่อนไหวพร้อมกระเป๋า ถ่ายจากมุมต่ำด้วยระยะชัดลึกตื้น การสลับภาพขาวดำและภาพสีเต็มรูปแบบสร้างจังหวะภาพเดียวบนหน้าเว็บ ไม่มีภาพประกอบ ไม่มีภาพเรนเดอร์ 3 มิติ ไม่มีกราฟิกนามธรรม ภาพจะครอบคลุมทั้งหน้าหรือครอบคลุมความกว้างทั้งหมดของหน้า ในช่องตารางที่มีรัศมีเป็นศูนย์และไม่มีขอบ ไอคอนไม่มีหรือมีน้อยมาก—มีเพียงเครื่องหมายกากบาทง่ายๆ สำหรับปิด และไม่มีอะไรมากไปกว่านั้น
จานสี
เป็นกลาง
- Obsidian Ink
#1c1717— ข้อความหลัก ลิงก์ข้อความทั้งหมด เนื้อหาหลัก หัวข้อ เส้นขอบไอคอน และเส้นขอบบางๆ ทั่วทั้งส่วนติดต่อผู้ใช้ ใช้สีหลักนี้ในอัตราส่วน 17.7:1 บนพื้นหลังสีขาว ซึ่งใช้ในกว่า 5,000 ครั้ง โทนสีอบอุ่นที่ละเอียดอ่อน (ไม่ใช่สีดำสนิท) ทำให้ส่วนติดต่อผู้ใช้ทั้งหมดดูเหมือนแคตตาล็อกสิ่งพิมพ์มากกว่าหน้าจอ - Paper
#ffffff— เส้นขอบบางๆ เส้นแบ่ง เส้นขอบช่องป้อนข้อมูล และขอบการ์ดบนพื้นผิวสีอ่อน หลีกเลี่ยงการใช้สีนี้เป็นสีหลักสำหรับปุ่มกระตุ้นการดำเนินการ - Bone
#f0f0f0— พื้นผิวรองสำหรับสลับส่วนต่างๆ สร้างพื้นหลังแผงที่ดูไม่ฉูดฉาด และเส้นขอบ/ตัวแบ่งภายใน สร้างเฉดสีเทาอบอุ่นที่ดูละมุนละไมระหว่างสีขาวของกระดาษและสีเขียวอ่อนของโฆษณา - Eucalyptus Mist
#a9aea9— พื้นหลังแบนเนอร์โฆษณาที่ด้านบนของหน้า การเปลี่ยนสีที่ดูนุ่มนวลระหว่างส่วนต่างๆ และกรอบเสริม โดยลำพังแล้วดูเกือบจะเป็นสีเทา แต่เมื่อใช้เต็มความกว้าง จะดูเป็นสีเขียวอ่อนๆ อย่างละเอียดอ่อน ซึ่งเป็นสีเน้นเพียงสีเดียวในโทนสีขาวดำ
การจัดพิมพ์
จาก 11 เป็น 32 พิกเซล · 5 ขั้นตอน
- Sohne Web — ทดแทน: Inter · โครงร่าง 400 · รูปแบบส่วนติดต่อผู้ใช้ทั้งหมด—ข้อความหลัก การนำทาง ลิงก์ หัวข้อ ปุ่ม ช่องป้อนข้อมูล ไอคอน และคำบรรยายภาพ—ถูกนำมาใช้ แบบอักษร Sohne ขนาด 400 (ไม่พบแบบตัวหนา) ทำให้ MAKR มีความสง่างามแต่ก็มั่นใจ: ข้อมูลถูกถ่ายทอดผ่านขนาดและระยะห่างระหว่างตัวอักษร ไม่ใช่ผ่านความแตกต่างของน้ำหนักตัวอักษร ทางเลือกอื่น: Inter, Söhne หรือ Untitled Sans
- CircularXXMonoWeb — ทดแทน: JetBrains Mono · โครงร่าง 400 · ใช้สำหรับคำแนะนำทางเทคนิคหรือข้อกำหนดผลิตภัณฑ์เป็นครั้งคราวเท่านั้น—ตัวอักษรแบบโมโนสเปซที่เบาบางราวกับเสียงกระซิบที่ขัดจังหวะจังหวะนีโอ-โกรเทสก์ ใช้แต่พอประมาณ: รหัสผลิตภัณฑ์ ข้อกำหนดวัสดุ และไม่ควรใช้มากกว่านี้ แทนที่ด้วย: JetBrains Mono หรือ IBM Plex Mono
ช่วงเวลาและรูปแบบ
| วัตถุประสงค์ | ความหมาย |
|---|---|
| ความหนาแน่น | หนาแน่น |
| ขั้นตอนพื้นฐาน | 5-8px |
| รัศมีปุ่ม | 0px |
| รัศมีการ์ด | 0px |
| เงา | ไม่ - ใช้เส้นขอบแทนเงา |
| ระหว่างส่วนต่างๆ | 80-120px |
AI จะสร้างเว็บไซต์ของคุณในสไตล์ของ MAKR และเติมข้อมูลลงไป
- ใส่สินค้าและโพสต์ผ่านลิงก์ - Instagram, TikTok, Facebook
- ย้ายเนื้อหาจากเว็บไซต์เก่าของคุณ—เพียงระบุที่อยู่เว็บไซต์
- ดีไซน์ทันสมัยบนเอนจิ้นที่ดีที่สุด: React ( Next.js) พร้อมการเรนเดอร์ฝั่งเซิร์ฟเวอร์และการเพิ่มประสิทธิภาพ SEO ในตัว
- การเพิ่มประสิทธิภาพ SEO แบบอัตโนมัติเต็มรูปแบบสำหรับผลการค้นหาและคำแนะนำจากโครงข่ายประสาทเทียม
สไตล์ที่คล้ายกัน
- FARFETCH España — แกลเลอรี่แฟชั่นในสไตล์ "ไวท์คิวบ์" ลองนึกภาพพื้นที่ค้าปลีกระดับไฮเอนด์ที่ผนัง พื้น และอุปกรณ์ต่างๆ เป็นสีขาวโพลน เหลือเพียงเสื้อผ้าและผู้สวมใส่เท่านั้นที่สร้างเฉดสี เนื้อสัมผัส และการแสดงออกทางภาพทั้งหมด
- Franco Maria Ricci Editore — แคตตาล็อกหอศิลป์อาร์ตเดโค - เส้นสีทองขัดเงาบนกระดาษปาร์ชเมนต์สีขาวสะอาดตา
- Laura Monin — ผนังแกลเลอรี่บรรณาธิการ หินอ่อนสีขาว ตราประทับหมึก
- OhDada — ผนังแกลเลอรี่บรรณาธิการ
- Cursor — ห้องทำงานเขียนบนกระดาษหนังที่อบอุ่น สว่างไสวด้วยแสงจากถ่านที่กำลังคุอยู่
- Structured — หอศิลป์ยุคเรเนซองส์บนกระดาษคล้ายดินน้ำมัน
- MindMarket — หนังสือนิทานแสนอบอุ่นบนกระดาษสีครีม – พื้นที่บรรณาธิการที่เป็นมิตรซึ่งพาดหัวข่าวขนาดใหญ่ของ Inter และตัวการ์ตูนกระดาษที่ตัดออกมาอยู่ร่วมกันบนพื้นผิวที่นุ่มนวลราวกับสติ๊กเกอร์ที่อาบแสงแดด
- Airbnb — ผนังแกลเลอรี่สีขาวเงียบสงบ มีเพียงที่คั่นหนังสือสีแดงปะการังชิ้นเดียว
- Apple (España) — ห้องแสดงงานศิลปะของพิพิธภัณฑ์ ภายใต้แสงแดดอ่อนๆ เป็นพื้นที่สีขาวโล่งกว้างที่ดึงดูดใจและไร้น้ำหนัก โดยแต่ละชิ้นงานจัดแสดงจะถูกส่องสว่างด้วยไฟสปอตไลท์ที่ส่องไปยังผนังสีอ่อนๆ
- Lamborghini — รถสีดำในโชว์รูม ใต้แสงไฟสปอตไลท์ มีรถสีเหลืองคันหนึ่งจอดอยู่
- Amplemarket — สถานที่ทำงานที่อาบไปด้วยแสงแดดและโปรยปรายด้วยกระดาษสีสันสดใส
- Getharvest — โต๊ะทำงานในยามเย็นแสงสีทอง – พื้นหลังสีครีมอบอุ่น โปสการ์ดสีขาวแขวนอยู่บนพื้นหลัง และเปลวไฟสีส้มสดใสเพียงดวงเดียว