INO
ตู้จัดแสดงในพิพิธภัณฑ์ที่เงียบสงัด – สิ่งจัดแสดงแต่ละชิ้นลอยอยู่ในพื้นที่สีขาว ราวกับวัตถุชิ้นเดียวที่อยู่หลังกระจก ล้อมรอบด้วยตัวอักษรสีดำสนิทที่แทบจะไม่ได้ยินเสียง
INO ทำหน้าที่เป็นเหมือนแกลเลอรีเครื่องประดับสีเดียวเกือบทั้งหมด: พื้นหลังสีขาวสะอาดตา หมึกสีโทนอบอุ่นเกือบดำเพียงสีเดียว และแทบไม่มีสีอื่นเลย ระบบการแสดงผลนี้ปฏิบัติต่อแหวนแต่ละวงราวกับเป็นชิ้นงานในพิพิธภัณฑ์—ภาพถ่ายผลิตภัณฑ์ที่ดูสะอาดตา ลอยอยู่ในพื้นที่ว่างขนาดใหญ่ โดยมีการจัดลำดับความสำคัญผ่านตำแหน่ง ระยะห่างระหว่างตัวอักษร และปริมาณของพื้นที่สีขาว มากกว่าขนาดตัวอักษรหรือสี การนำทางอยู่ที่ด้านล่างของหน้า ประกอบด้วยจุดสี่จุดพร้อมป้ายกำกับ (มีสีหรือไม่มีสี) ซึ่งเป็นการกลับด้านอย่างจงใจของแถบด้านบนของอีคอมเมิร์ซแบบดั้งเดิม เครื่องหมายแบรนด์เองเป็นชุดของวงแหวนซ้อนกัน สะท้อนรูปทรงของผลิตภัณฑ์ และทำหน้าที่เป็นประติมากรรมทางตัวอักษรมากกว่าโลโก้
หน้าจอแสดงผลแบบเต็มความกว้างโดยไม่มีการจำกัดความกว้างสูงสุดของเนื้อหา หน้าจอหลักใช้ความกว้างทั้งหมดของหน้า โดยแบ่งภาพถ่ายและกราฟิกอย่างเท่าๆ กัน (50/50) ตารางผลิตภัณฑ์แสดงเป็นแถวสามคอลัมน์พร้อมระยะขอบแนวนอนที่กว้างขวางจากขอบของหน้าจอ การนำทางด้านล่างอยู่ตรงกลางและยึดติดกับส่วนท้ายของหน้า แทนที่จะตรึงไว้ การแบ่งส่วนใช้ภาพถ่ายแบบเต็มหน้าจอหรือพื้นที่สีขาวล้วน ไม่ใช้แถบสี เส้นแบ่ง หรือการไล่ระดับสี จังหวะแนวตั้งเป็นอิสระ: 80/1/1 ระหว่างส่วนหลัก ทำให้หน้าเว็บดูโล่งสบาย แทนที่จะถูกเติมเต็มด้วยเนื้อหา ไม่มีแถบด้านข้าง ไม่มีเมนูขนาดใหญ่ ไม่มีแถบส่วนหัวด้านบน โลโก้ "INO" อยู่ที่มุมบนซ้ายของหน้าจอหลักเท่านั้น
มีโหมดการแสดงภาพสองแบบที่แตกต่างกันอยู่ร่วมกัน: ภาพถ่ายผลิตภัณฑ์เชิงคลินิกบนพื้นหลังสีเทาอ่อนเรียบไร้รอยต่อ (แหวนแต่ละวงถูกถ่ายไว้ตรงกลาง โดยไม่มีมือ อุปกรณ์ประกอบฉาก หรือเงาบนพื้นผิว – ตัวสินค้าคือตัวเอก) และภาพเชิงบรรยาย (แหวนในกล่องที่บุด้วยหญ้า มือที่กำลังถือโซ่) ซึ่งแสดงผลเป็นภาพย่อยแบบเต็มหน้าจอที่ลดความอิ่มตัวของสี ภาพผลิตภัณฑ์ทำหน้าที่เป็นนามบัตรผลิตภัณฑ์ ส่วนภาพเชิงบรรยายสื่อถึงอารมณ์ของแบรนด์ ทั้งสองแบบเป็นภาพขาวดำหรือเกือบขาวดำ – หญ้าในภาพหลักเป็นเพียงสีเขียวเล็กน้อย และแม้แต่สีเขียวนั้นก็ถูกลดทอนให้เป็นสีป่า ไอคอนไม่ได้ถูกใช้ในอินเทอร์เฟซ – สัญลักษณ์วงแหวนซ้อนกันแทนที่ไอคอนทั้งหมด
จานสี
เป็นกลาง
- Obsidian Ink
#212123— รูปแบบที่เป็นกลาง ข้อความไอคอน และการแสดงผล UI ที่ไม่ฉูดฉาด โดยที่โทนสีควรไม่รบกวนการใช้งาน - Bone
#ffffff— หน้ากระดาษแคนวาส พื้นผิวกระดาษแข็ง ตัวอักษรกลับหัวบนพื้นหลังสีเข้ม พื้นผิวหลักที่ใช้ครอบคลุมเกือบทั้งเว็บไซต์ - Carbon
#000000— การเติมสีไอคอน เส้นขอบกราฟิกตกแต่ง และการเติมสีสถานะใช้งานสำหรับตัวบ่งชี้จุดนำทาง ใช้ในปริมาณน้อยเพื่อให้เกิดความแตกต่างของโทนสีสูงสุดกับสี "กระดูก" - Ash
#999999— เส้นขอบที่มีความคมชัดปานกลาง เส้นควบคุม และเส้นแบ่งโครงสร้าง - Pebble
#a6a6a7— ข้อความสนับสนุนมีสีอ่อน ตัวคั่นระหว่างข้อความหลักและเมตาเดต้าก็บาง ป้ายราคาและข้อความประกอบใช้สีเทาอ่อนที่สุดเพื่อให้กลมกลืนกับพื้นหลัง
การจัดพิมพ์
จาก 11 เป็น 18 พิกเซล · 4 ขั้นตอน
- Sequel100Wide — ทดแทน: Jost (400 · โครงร่าง 400 · เป็นแบบอักษรองค์กรเพียงแบบเดียวที่ใช้เฉพาะในขนาด 400 ในทุกบริบท ไม่ว่าจะเป็นการนำทาง เนื้อหาหลัก หัวข้อ ชื่อเรื่อง ราคา และคำบรรยายภาพ สัญลักษณ์เรขาคณิตที่มีระยะห่างกว้างและระยะห่างระหว่างตัวอักษรที่เหมาะสม สะท้อนถึงสไตล์องค์กรโดยรวม การไม่มีแบบอักษรตัวหนาเป็นไปโดยเจตนา เพื่อให้เกิดลำดับความสำคัญผ่านการใช้ตัวพิมพ์ใหญ่ ระยะห่างระหว่างตัวอักษร และตำแหน่ง มากกว่าการใช้แบบอักษรที่มีน้ำหนักต่างกัน
- Arial — ทดแทน: system-ui · โครงร่าง 400 · นี่คือกลไกสำรองทั่วทั้งระบบสำหรับการแสดงปุ่มในบริบทแบบเก่า ไม่ใช่ส่วนหนึ่งของการสร้างแบรนด์ แต่จะปรากฏขึ้นก็ต่อเมื่อ Sequel100Wide โหลดไม่สำเร็จเท่านั้น
ช่วงเวลาและรูปแบบ
| วัตถุประสงค์ | ความหมาย |
|---|---|
| ความหนาแน่น | หนาแน่น |
| ขั้นตอนพื้นฐาน | 23px |
| รัศมีปุ่ม | 50px |
| รัศมีการ์ด | 8px |
| เงา | ไม่ - ใช้เส้นขอบแทนเงา |
| ระหว่างส่วนต่างๆ | 80-120px |
AI จะสร้างเว็บไซต์ของคุณในสไตล์ของ INO และเติมข้อมูลลงไป
- ใส่สินค้าและโพสต์ผ่านลิงก์ - Instagram, TikTok, Facebook
- ย้ายเนื้อหาจากเว็บไซต์เก่าของคุณ—เพียงระบุที่อยู่เว็บไซต์
- ดีไซน์ทันสมัยบนเอนจิ้นที่ดีที่สุด: React ( Next.js) พร้อมการเรนเดอร์ฝั่งเซิร์ฟเวอร์และการเพิ่มประสิทธิภาพ SEO ในตัว
- การเพิ่มประสิทธิภาพ SEO แบบอัตโนมัติเต็มรูปแบบสำหรับผลการค้นหาและคำแนะนำจากโครงข่ายประสาทเทียม
สไตล์ที่คล้ายกัน
- Airbnb — ผนังแกลเลอรี่สีขาวเงียบสงบ มีเพียงที่คั่นหนังสือสีแดงปะการังชิ้นเดียว
- Peak Design — ผนังแกลเลอรี่ที่ได้รับแสงสว่างเพียงบางส่วน
- 099 SUPPLY — ผนังแกลเลอรี่ที่เต็มไปด้วยวัตถุสีดำและสีขาว
- Apple (España) — ตู้โชว์สีขาว
- Apple (España) — หน้าต่างแกลเลอรี่ในหมอกยามเช้า
- Custo — แกลเลอรี่สีเทาเข้มพร้อมตัวอักษรแบบโมโนลิธ โชว์รูมโทนสีเทาอมเขียวที่ดูเรียบง่าย ซึ่งมีเพียงวัตถุสีเข้มชิ้นเดียวและตัวอักษรขนาด 57 พิกเซลที่สื่อความหมายได้ด้วยตัวเอง
- Silencio — ห้องสีขาวที่มีสิ่งของจัดแสดงลอยอยู่ การจัดแสดงในแกลเลอรี่ที่ทำจากกระดาษสีโทนอบอุ่น โดยแต่ละองค์ประกอบวางอยู่บนพื้นหลังที่ว่างเปล่า และความเงียบสงบนั้นเป็นเจตนาในการออกแบบ
- Oakâme — โรงงานในแคว้นโปรวองซ์ที่อาบแสงแดด แกะสลักจากหินสีอบอุ่น
- Nike — แกลเลอรี่ภาพขาวดำที่รวบรวมความสำเร็จด้านกีฬา – ผนังสีขาว ผลิตภัณฑ์ราวกับงานศิลปะ โครเมียมกลมกลืนไปกับฉากหลัง
- Sociotype — ภาพตัวอย่างสิ่งมีชีวิตในพิพิธภัณฑ์ทั่วไปบนกระดาษสีขาว
- Arc — แกลเลอรี่สีขาวสไตล์อุตสาหกรรมเหนือผืนน้ำยามเที่ยงคืน
- Rivian — เสาไฟฟ้าขนาดมหึมาบนผนังคอนกรีตของหอศิลป์ ริเวียนนำเสนอรถแต่ละคันราวกับประติมากรรมบนพื้นที่สีขาวกว้างใหญ่ ด้วยตัวอักษรขนาดใหญ่จนกลายเป็นองค์ประกอบทางสถาปัตยกรรม และสีเหลืองอบอุ่นเพียงสีเดียวที่ตัดกับบรรยากาศแบบโมโนโครม เหมือนแสงแดดที่ส่องกระทบพื้นผิวด้าน