COS
แกลเลอรี่ทันสมัยที่มีผนังสีขาว
COS ใช้รูปแบบการแสดงผลงานศิลปะร่วมสมัย: ผนังสีขาวขนาดใหญ่ ภาพถ่ายขาวดำขนาดใหญ่ และตัวอักษรที่ไม่รบกวนตัวแบบ อินเทอร์เฟซแทบจะไม่มีสีสัน—ไร้สี—โดยใช้สีดำสนิท (#080808) บนสีขาวบริสุทธิ์ (#ffffff) เป็นความแตกต่างของโครงสร้างเพียงอย่างเดียว โดยมีสีแดง (#c80000) เพียงเล็กน้อยเป็นจุดเด่นที่ละเอียดอ่อนสำหรับช่วงเวลาที่ควรให้ความรู้สึกเร่งด่วนแต่ไม่โจ่งแจ้ง การเว้นวรรคมีความเหมาะสมและสอดคล้องกับการจัดพิมพ์ โดยมีการเยื้องส่วนต่างๆ มากถึง 135 พิกเซล และส่วนประกอบต่างๆ กลืนไปกับหน้าเว็บ: ขอบบางๆ บน #dadada ไม่มีเงา ไม่มีไล่ระดับสี ไม่มีมุมโค้งมน ตัวอักษร (SuisseIntl) เป็นเพียงเครื่องประดับเดียว—แบบอักษรตระกูลเดียวที่คงที่ตั้งแต่ป้ายกำกับขนาดเล็ก 12 พิกเซลไปจนถึงคำอธิบายหมวดหมู่ 35 พิกเซล โดยเลื่อนไปทางด้านบวกเล็กน้อยเพื่อสื่อถึงแบบอักษรของแกลเลอรี่
รูปแบบหน้าเว็บแบบเต็มความสูง—พื้นที่แสดงผลขยายจากขอบถึงขอบโดยไม่มีกรอบความกว้างสูงสุด และเนื้อหาถูกจัดวางโดยภาพและพื้นที่ว่างคั่นกลาง แทนที่จะใช้คอลัมน์ตรงกลาง ส่วนหัวของหน้าเว็บ (hero) เป็นภาพบุคคลขนาดเต็มความกว้างสองภาพที่แบ่งครึ่งในแนวตั้ง ซึ่งโดดเด่นมากจนทำหน้าที่เป็นเหมือนนามบัตรโครงสร้างของแบรนด์ ด้านล่างส่วนหัว ส่วนต่างๆ จะสลับกันระหว่างบล็อกข้อความบนพื้นหลังสีขาว (อยู่ตรงกลาง ในคอลัมน์เดียว) และภาพขนาดเต็มความสูงเพิ่มเติม จังหวะแนวตั้งมีความโปร่งโล่ง: ช่องว่างระหว่างส่วนต่างๆ สร้างความรู้สึกกว้างขวางระหว่างแถบ เหมือนกับผนังพิพิธภัณฑ์ การนำทางเป็นแถบสีขาวบางๆ เพียงแถบเดียวที่มีโลโก้อยู่ตรงกลางและตัวเลือกภาษาที่จัดชิดขวา—ไม่มีแถบหมวดหมู่แนวนอน ไม่มีเมนูขนาดใหญ่ให้เห็นในเฟรมหลัก ความหนาแน่นของข้อมูลต่ำ: หนึ่งข้อความต่อส่วน หนึ่งภาพต่อแนวคิด
ภาพถ่ายแฟชั่นขนาดใหญ่ที่ใช้ในนิตยสารฉบับนี้ครองพื้นที่ส่วนใหญ่ของหน้ากระดาษ—ภาพถ่ายบุคคลเต็มตัวและภาพถ่ายครึ่งตัวของนางแบบ ภายใต้แสงไฟในสตูดิโอที่ควบคุมอย่างแม่นยำ ส่วนใหญ่เป็นโทนสีกลางๆ นุ่มนวล และอบอุ่น ภาพต่างๆ ถูกจัดวางอย่างแน่นหนา เต็มพื้นที่จากขอบถึงขอบ โดยไม่มีมุมโค้งมน ไม่มีกรอบตกแต่ง หรือกรอบซ้อนทับ เทคนิคที่เป็นเอกลักษณ์คือการจัดเฟรมแบบ "ภาพบุคคลสองภาพเคียงข้างกัน" (MUJER / HOMBRE): ภาพบุคคลสองภาพที่มีความสำคัญเท่ากันวางเคียงข้างกัน โดยแต่ละภาพมีป้ายกำกับหมวดหมู่เพียงป้ายเดียวที่มุมล่างซ้าย ภาพถ่ายถูกจัดเฟรมเหมือนภาพพิมพ์ในแกลเลอรี่—ตัวแบบเด่นชัด บริบทหายไป ขนาดไม่สมจริง และใช้โทนสีขาวดำ ไม่มีฉากจากชีวิตจริง ไม่มีอุปกรณ์ประกอบฉาก ไม่มีพื้นหลังที่มีลวดลาย
จานสี
เป็นกลาง
- Canvas White
#ffffff— พื้นผิวรองรับสีอ่อนสำหรับสร้างพื้นหลังที่ไม่โดดเด่นและแบ่งส่วนต่างๆ ไม่ควรใช้เป็นสีหลักสำหรับข้อความกระตุ้นการกระทำ - Ink Black
#080808— เนื้อหาหลัก ไอคอน ลิงก์ รูปแบบการนำทาง ขอบปุ่ม โลโก้ ข้อความส่วนท้าย - ใช้สีที่อ่อนกว่าสีดำสนิท เพื่อป้องกันไม่ให้ภาพถ่ายดูคมชัดเกินไปเมื่อเทียบกับพื้นหลัง - True Black
#000000— การวางข้อความหลักซ้อนทับบนภาพสีเข้ม ข้อความเนื้อหา และป้ายกำกับปุ่ม จะใช้สีดำสนิทเฉพาะกับองค์ประกอบการพิมพ์ที่มีความโดดเด่นที่สุดเท่านั้น - Mist Gray
#dadada— เส้นขอบที่ดูเรียบง่าย ช่องป้อนข้อมูลที่มีเส้นขีดใต้ ตัวคั่นที่ดูเรียบง่าย เส้นขอบเมื่อปิดใช้งาน—เฉดสีที่เป็นกลางที่เงียบสงบที่สุด มองเห็นได้เฉพาะสิ่งที่มันคั่นเท่านั้น - Signal Red
#c80000— สีแดงทำหน้าที่เป็นสีเน้นเพิ่มเติมสำหรับรายละเอียดการตกแต่งและเพื่อเน้นความถี่ต่ำ
การจัดพิมพ์
จาก 12 เป็น 35 พิกเซล · 3 ขั้นตอน
- SuisseIntl — ทดแทน: Neue Haas Grotesk Display · โครงร่าง 400, 500, 700 · มีการใช้แบบอักษรเดียวตลอดทั้งอินเทอร์เฟซสำหรับการนำทาง ข้อความหลัก หัวข้อ ปุ่ม และคำอธิบายผลิตภัณฑ์ ระยะห่างระหว่างตัวอักษรที่เป็นบวก (0.01–0.04em) นั้นผิดปกติสำหรับแบบอักษรบนหน้าจอและช่วยเสริมความรู้สึกเหมือนแคตตาล็อกสิ่งพิมพ์ แบบอักษรขนาด 700 สงวนไว้สำหรับคำอธิบายหมวดหมู่ ขนาด 500 สำหรับการนำทางและปุ่ม และขนาด 400 สำหรับทุกอย่างอื่น การสร้างแบรนด์มีความสอดคล้องกันด้วยตระกูลแบบอักษรเดียวและช่วงขนาดที่แคบมาก (12–35px) — แบบอักษรจึงไม่เด่นเกินไป
ช่วงเวลาและรูปแบบ
| วัตถุประสงค์ | ความหมาย |
|---|---|
| ความหนาแน่น | กว้างขวาง |
| ขั้นตอนพื้นฐาน | 8px |
| รัศมีปุ่ม | 0px |
| รัศมีการ์ด | 0px |
| เงา | ไม่ - ใช้เส้นขอบแทนเงา |
| ระหว่างส่วนต่างๆ | 135px |
AI จะสร้างเว็บไซต์ของคุณในสไตล์ของ COS และเติมข้อมูลลงไป
- ใส่สินค้าและโพสต์ผ่านลิงก์ - Instagram, TikTok, Facebook
- ย้ายเนื้อหาจากเว็บไซต์เก่าของคุณ—เพียงระบุที่อยู่เว็บไซต์
- ดีไซน์ทันสมัยบนเอนจิ้นที่ดีที่สุด: React ( Next.js) พร้อมการเรนเดอร์ฝั่งเซิร์ฟเวอร์และการเพิ่มประสิทธิภาพ SEO ในตัว
- การเพิ่มประสิทธิภาพ SEO แบบอัตโนมัติเต็มรูปแบบสำหรับผลการค้นหาและคำแนะนำจากโครงข่ายประสาทเทียม
สไตล์ที่คล้ายกัน
- Airbnb — ผนังแกลเลอรี่สีขาวเงียบสงบ มีเพียงที่คั่นหนังสือสีแดงปะการังชิ้นเดียว
- Apple (España) — ตู้โชว์สีขาว
- Silencio — ห้องสีขาวที่มีสิ่งของจัดแสดงลอยอยู่ การจัดแสดงในแกลเลอรี่ที่ทำจากกระดาษสีโทนอบอุ่น โดยแต่ละองค์ประกอบวางอยู่บนพื้นหลังที่ว่างเปล่า และความเงียบสงบนั้นเป็นเจตนาในการออกแบบ
- Oakâme — โรงงานในแคว้นโปรวองซ์ที่อาบแสงแดด แกะสลักจากหินสีอบอุ่น
- Nike — แกลเลอรี่ภาพขาวดำที่รวบรวมความสำเร็จด้านกีฬา – ผนังสีขาว ผลิตภัณฑ์ราวกับงานศิลปะ โครเมียมกลมกลืนไปกับฉากหลัง
- Arc — แกลเลอรี่สีขาวสไตล์อุตสาหกรรมเหนือผืนน้ำยามเที่ยงคืน
- Rivian — เสาไฟฟ้าขนาดมหึมาบนผนังคอนกรีตของหอศิลป์ ริเวียนนำเสนอรถแต่ละคันราวกับประติมากรรมบนพื้นที่สีขาวกว้างใหญ่ ด้วยตัวอักษรขนาดใหญ่จนกลายเป็นองค์ประกอบทางสถาปัตยกรรม และสีเหลืองอบอุ่นเพียงสีเดียวที่ตัดกับบรรยากาศแบบโมโนโครม เหมือนแสงแดดที่ส่องกระทบพื้นผิวด้าน
- Analogue — ตู้โชว์สีดำ – สินค้าลอยอยู่ในความว่างเปล่า
- ddna — ตู้จัดแสดงในพิพิธภัณฑ์ที่อบอุ่น วางบนผ้าลินินที่ไม่ผ่านการบำบัด
- Zellerfeld — ห้องทำงานของประติมากรที่สร้างจากหินอ่อนสีขาว—พื้นผิวที่เป็นเนื้อเดียวกันของฐานรอง ประกายสีโคบอลต์เพียงเล็กน้อย ตัวอักษรพิมพ์เล็กที่กระซิบแผ่วเบาจากพื้นจรดเพดาน
- UY Studio — ห้องโถงหินของอารามเป็นพื้นที่เงียบสงบที่มีผนังคอนกรีต โดยมีขวดน้ำหอมวางอยู่บนแท่นสีขาว ส่องสว่างด้วยหลอดไฟขนาด 400 วัตต์หนึ่งดวงและหลอดไฟสีเทาอบอุ่นอีกสี่ดวง
- Basic.Space — หอศิลป์ภัณฑารักษ์บนพื้นหินอ่อนสีขาว