Custo

แกลเลอรี่สีเทาเข้มพร้อมตัวอักษรแบบโมโนลิธ โชว์รูมโทนสีเทาอมเขียวที่ดูเรียบง่าย ซึ่งมีเพียงวัตถุสีเข้มชิ้นเดียวและตัวอักษรขนาด 57 พิกเซลที่สื่อความหมายได้ด้วยตัวเอง

Custo ทำหน้าที่เสมือนแกลเลอรี่แสดงสินค้าอุตสาหกรรม: พื้นผิวโลหะสีอบอุ่นทำหน้าที่เป็นฉากหลังสำหรับตัวผลิตภัณฑ์ ในขณะที่ตัวอักษรขนาดใหญ่ทำหน้าที่เป็นองค์ประกอบตกแต่งหลัก ระบบนี้เป็นแบบไร้สีโดยสิ้นเชิง—ไม่มีสีใดๆ—ทำให้ช่องจดหมายสีดำเคลือบเงาและรูปทรงเรขาคณิตที่ดูสง่างามของแบบอักษร sans-serif เพียงแบบเดียวสามารถสื่อถึงบุคลิกภาพทั้งหมดของแบรนด์ได้ หน้าจอแต่ละหน้าสร้างสมดุลระหว่างพื้นที่สีขาวกว้างขวางกับตัวอักษรขนาดใหญ่ที่โดดเด่น โดยมีโลโก้แบรนด์ซ้ำๆ กันราวกับเป็นองค์ประกอบทางสถาปัตยกรรม พื้นผิวเรียบและด้าน ความลึกถูกสร้างขึ้นจากความสะท้อนแสงของตัวผลิตภัณฑ์เอง ไม่ใช่จากเงาหรือการไล่ระดับสี

เค้าโครงหน้าเว็บเป็นโครงสร้างแบบคอลัมน์เดียวเรียงในแนวตั้ง โดยมีความกว้างของเนื้อหาสูงสุดประมาณ 1280 พิกเซล จัดวางอยู่ตรงกลางของหน้าจอ องค์ประกอบหลักของหน้าเว็บครอบคลุมความกว้างทั้งหมดของหน้า โดยใช้สี Canvas Gunmetal #9ea29f แบบเต็มพื้นที่ มีรูปภาพตู้ไปรษณีย์อยู่ตรงกลางด้านขวา และโลโก้ CUSTO® ขนาด 57 พิกเซล อยู่ที่ขอบด้านล่าง ด้านล่างองค์ประกอบหลัก จะมีส่วนต่างๆ สลับกัน ได้แก่ บล็อกข้อความสองคอลัมน์ (คำบรรยายขนาดเล็กอยู่ทางซ้าย ชื่อเรื่องขนาดใหญ่อยู่ทางขวา) ตามด้วยตารางแนวนอนของภาพสินค้าสามภาพ จากนั้นเป็นแถวข้อความและรูปภาพสองคอลัมน์ โดยข้อความหลักจะสลับอยู่ทั้งสองด้าน ช่องว่างระหว่างส่วนต่างๆ มีขนาด 110 พิกเซล ทำให้มีพื้นที่ว่างในแนวตั้งมาก แถบนำทางเป็นแถบด้านบนโปร่งใสแถบเดียวที่ค่อยๆ เปลี่ยนเป็นสี Paper White เมื่อเลื่อนหน้าจอ ไอคอน CES เป็นองค์ประกอบแบบลอยตัวคงที่อยู่ที่มุมล่างขวา โดยรวมแล้ว รูปแบบการนำเสนอคล้ายกับงานศิลปะในแกลเลอรี่ คือ มีองค์ประกอบน้อยในแต่ละส่วน ใช้ตัวอักษรขนาดใหญ่ เว้นช่องว่างกว้าง และใช้ภาพสินค้าเป็นเครื่องหมายวรรคตอนทางสายตาคั่นระหว่างข้อความแต่ละส่วน

ภาพทั้งหมดเป็นภาพถ่ายผลิตภัณฑ์ของตู้จดหมาย Custo โดยเฉพาะ ถ่ายในสามโหมด ได้แก่ ภาพเต็มตัวโดยมีกรอบโลหะเป็นฉากหลัง ภาพไลฟ์สไตล์ที่แสดงการใช้งานของผู้ใช้ และภาพระยะใกล้ของส่วนติดต่อผู้ใช้สำหรับการสแกนและวงแหวน LED ภาพถ่ายทั้งหมดใช้โทนสีที่ดูนุ่มนวลและมีความคมชัดสูง โดยใช้พื้นผิวสีดำด้านของตู้จดหมายเป็นจุดเด่นทางสายตา ไม่มีภาพประกอบ กราฟิกนามธรรม หรือภาพสต็อกใดๆ ภาพถ่ายถูกจัดวางบนการ์ดขนาดรัศมี 8 พิกเซล หรือใช้แบบเต็มหน้าจออยู่ด้านหลังโลโก้ขนาด 57 พิกเซล ไอคอน CES เป็นภาพหลายสีเพียงภาพเดียวบนเว็บไซต์ทั้งหมด

ร้านค้าออนไลน์ขาวดำ พรีเมียม การไล่ระดับสีที่นุ่มนวล

https://custo.io

จานสี

เป็นกลาง

Canvas Gunmetal #9ea29f — พื้นหลังสีเทาอมเขียวอบอุ่นของส่วนหลักและส่วนธีมทำให้ Custo แตกต่างจากเทมเพลต SaaS สีขาวมาตรฐาน และให้ความรู้สึกเหมือนคอนกรีตทางสถาปัตยกรรมมากกว่าพื้นผิวดิจิทัล
Obsidian #000000 — ข้อความหลัก เส้นขอบบางๆ และเส้นขีดของไอคอน - ใช้หมึกที่มีความคมชัดสูงสุดในระบบ สำหรับหัวข้อและเส้นแบ่งโครงสร้าง
Paper White #ffffff — ภาพพื้นหลังเป็นรูปส่วนต่างๆ ของร่างกาย ข้อความกลับด้านบนพื้นหลังสีเทาเข้ม ข้อความบนพื้นหลังสีเข้มของภาพถ่ายสินค้า
Anodized Graphite #4b514d — พื้นผิวสีเข้มสำหรับการถ่ายภาพผลิตภัณฑ์ หัวข้อเพิ่มเติม และข้อความสามมิติ สะท้อนถึงพื้นผิวของตู้จดหมาย ทำให้ส่วนติดต่อผู้ใช้และผลิตภัณฑ์ทำจากวัสดุเดียวกัน
Brushed Steel #8e9194 — ข้อความเนื้อหา ตัวแบ่งรายการ และเส้นขอบไอคอนเพิ่มเติมที่ดูเรียบง่ายกว่า จะอยู่ระหว่างสีขาวกระดาษและสีดำเข้ม สำหรับข้อมูลเมตาที่ฝังอยู่และลิงก์ที่ไม่เด่นชัด
Linen Mist #a7aaad — สีอ่อนของขอบและเส้นแบ่งสำหรับหัวข้อและเส้นแบ่งนั้นเป็นเฉดสีที่ละเอียดอ่อน ซึ่งไม่แย่งความโดดเด่นจากเส้นโครงสร้างสีดำสนิท (Obsidian)

การจัดพิมพ์

จาก 15 เป็น 57 พิกเซล · 5 ขั้นตอน

PP Neue Montreal — ทดแทน: Inter · โครงร่าง 400 (Medium) · ระบบแบบอักษรตระกูลเดียวถูกนำมาใช้สำหรับทุกอย่าง ตั้งแต่เนื้อหาหลักไปจนถึงข้อความอธิบาย โดยมีลักษณะเด่นคือความสม่ำเสมอทางเรขาคณิตในเรื่องน้ำหนักของตัวอักษร หลีกเลี่ยงการใช้แบบอักษรเสริมหรือแบบอักษรเฉพาะสำหรับการแสดงผล ดังนั้นคำว่า 'CUSTO®' ที่ตั้งไว้ที่ 57 พิกเซล จึงอ่านได้ว่าอยู่ในตระกูลแบบอักษรเดียวกันกับป้ายกำกับช่องป้อนข้อมูลในแบบฟอร์มที่มีขนาด 15 พิกเซล

ช่วงเวลาและรูปแบบ

วัตถุประสงค์	ความหมาย
ความหนาแน่น	กว้างขวาง
ขั้นตอนพื้นฐาน	24px
รัศมีปุ่ม	31.35px (pill) for primary action; 8px for secondary
รัศมีการ์ด	8px
เงา	ไม่ - ใช้เส้นขอบแทนเงา
ระหว่างส่วนต่างๆ	110px
ความกว้างของหน้า	1280px

AI จะสร้างเว็บไซต์ของคุณในสไตล์ของ Custo และเติมข้อมูลลงไป

ใส่สินค้าและโพสต์ผ่านลิงก์ - Instagram, TikTok, Facebook
ย้ายเนื้อหาจากเว็บไซต์เก่าของคุณ—เพียงระบุที่อยู่เว็บไซต์
ดีไซน์ทันสมัยบนเอนจิ้นที่ดีที่สุด: React ( Next.js) พร้อมการเรนเดอร์ฝั่งเซิร์ฟเวอร์และการเพิ่มประสิทธิภาพ SEO ในตัว
การเพิ่มประสิทธิภาพ SEO แบบอัตโนมัติเต็มรูปแบบสำหรับผลการค้นหาและคำแนะนำจากโครงข่ายประสาทเทียม

สร้างเว็บไซต์ในสไตล์นี้

สไตล์ที่คล้ายกัน

099 SUPPLY — ผนังแกลเลอรี่ที่เต็มไปด้วยวัตถุสีดำและสีขาว
Specht Studio — ผนังแกลเลอรี่ที่เต็มไปด้วยความน่าสนใจอย่างแนบเนียน พื้นผิวโครเมียมของสตูดิโอเป็นสีขาวและตัวอักษรสีดำ ความสวยงามตระการตาถูกเน้นไปที่งานกระเบื้องของโครงการทั้งหมด
Structured — หอศิลป์ยุคเรเนซองส์บนกระดาษคล้ายดินน้ำมัน
Airbnb — ผนังแกลเลอรี่สีขาวเงียบสงบ มีเพียงที่คั่นหนังสือสีแดงปะการังชิ้นเดียว
VSCO — ผนังสีเดียวของแกลเลอรีแห่งนี้จัดแสดงภาพถ่ายขาวดำ โดยมีสปอตไลท์สีอบอุ่นเพียงดวงเดียวส่องสว่างไปยังเหตุการณ์ที่เกิดขึ้นต่อไป
Apple (España) — ห้องแสดงงานศิลปะของพิพิธภัณฑ์ ภายใต้แสงแดดอ่อนๆ เป็นพื้นที่สีขาวโล่งกว้างที่ดึงดูดใจและไร้น้ำหนัก โดยแต่ละชิ้นงานจัดแสดงจะถูกส่องสว่างด้วยไฟสปอตไลท์ที่ส่องไปยังผนังสีอ่อนๆ
Peak Design — ผนังแกลเลอรี่ที่ได้รับแสงสว่างเพียงบางส่วน
Apple (España) — ห้องจัดแสดงนิทรรศการ Obsidian Gallery เป็นห้องจัดแสดงที่มืดมิด ซึ่งมีวัตถุไทเทเนียมชิ้นเดียวเรืองแสงตัดกับฉากหลังสีดำสนิท
Apple (España) — ตู้โชว์สีขาว
teenage engineering — แคตตาล็อกสินค้าอุตสาหกรรมด้านไฟสตูดิโอ - ตัวผลิตภัณฑ์เป็นสิ่งเดียวที่มีความสำคัญบนหน้าเว็บ ส่วนสิ่งอื่นๆ นั้นถูกกล่าวถึงโดยรอบ
Apple (España) — หน้าต่างแกลเลอรี่ในหมอกยามเช้า
Apple (España) — หอศิลป์พิพิธภัณฑ์สีขาว เวลาเที่ยง