monopo saigon
แสงเรืองรองระยิบระยับราวกับของเหลวอยู่เบื้องหลังความเงียบงันของกองบรรณาธิการ—แกลเลอรีภาพถ่ายขาวดำที่ลอยล่องอยู่บนแสงหลอมเหลว
Monopo Saigon ใช้แนวคิดขาวดำแบบสุดขั้ว: สีดำและขาวบริสุทธิ์ ผสมผสานกับโทนสีเทาเล็กน้อย ห่อหุ้มด้วยตัวอักษร Roobert ขนาดใหญ่ที่ดูเหมือนจะหายใจอยู่บนผืนผ้าใบที่กินพื้นที่ความกว้างทั้งหมดของหน้ากระดาษ ความแตกต่างที่โดดเด่นอยู่ที่การควบคุมอย่างเข้มงวด (มุมแหลมของการนำทางและลิงก์ข้อความ พื้นที่ว่างมากมาย จังหวะที่อิงตาม 4 พิกเซล) และการแสดงออกเพียงอย่างเดียว—ปุ่มรัศมี 75 พิกเซลที่ลอยอยู่เหนือภาพราวกับของเหลว องค์ประกอบการออกแบบหลักมุ่งเน้นไปที่บรรยากาศสีรุ้งที่ไหลลื่น (สีเขียวจางลงเป็นสีเหลืองอำพันแล้วเป็นสีแดงเข้ม) ในขณะที่อินเทอร์เฟซเองไม่เคยมีสีเดียว ทำให้เกิดความรู้สึกเหมือนแกลเลอรีบทความขาวดำที่ลอยอยู่เหนือแม่น้ำแห่งแสงเหลว ตัวอักษรกำหนดโทน: น้ำหนัก 300 เส้นที่ 78 พิกเซลกระซิบ น้ำหนัก 400 เส้นที่ 225 พิกเซลเต็มพื้นที่การมองเห็น และน้ำหนัก 400 เส้นที่ 11 พิกเซลกำหนดทุกอย่างอย่างมั่นใจและเรียบง่าย การเคลื่อนไหวมีความชัดเจนแต่ก็มีความนุ่มนวล—เส้นโค้งป้องกันรอยหยักแบบลูกบาศก์เบซิเยร์ (0.19, 1, 0.22, 1) ที่ยืดได้ถึง 1.25 วินาที แปลงการเปลี่ยนผ่าน ทำให้องค์ประกอบต่างๆ เลื่อนไปแทนที่จะหยุดอย่างกะทันหัน
การจัดวางเลย์เอาต์อยู่ตรงกลางที่ความกว้างสูงสุด 1078 พิกเซล โดยมีส่วนสาดสีเข้มครอบคลุมความกว้างทั้งหมดของหน้าและขยายออกไปนอกกรอบ ส่วนสาดนี้กินพื้นที่หน้าจอทั้งหมด: ชื่อเรื่องขนาดใหญ่ที่อยู่ตรงกลาง (United, Unbound) ลอยอยู่เหนือเนื้อหาสื่อที่ระยิบระยับ การนำทางแบบมินิมอลลอยอยู่ด้านบน และไอคอนหมุนได้หนึ่งไอคอนอยู่ที่มุมล่างซ้าย ส่วนเนื้อหาหลักมีการจัดวางอย่างเป็นระเบียบตามแบบฉบับบรรณาธิการ โดยมีช่องว่างขนาดใหญ่ 46 พิกเซลระหว่างส่วนต่างๆ เพื่อสร้างพื้นที่หายใจระหว่างบล็อก สลับกันเป็นแถบสีขาวและสีเข้ม (สีดำกับตัวอักษรสีขาว) การจัดวางเนื้อหาไม่สมมาตร: ข้อความอยู่ทางซ้าย/รูปภาพอยู่ทางขวา และรูปภาพอยู่ทางซ้าย/ข้อความอยู่ทางขวา สลับกันเป็นรูปแบบที่พบได้บ่อย โดยไม่มีบล็อกที่อยู่ตรงกลางอยู่นอกส่วนสาด ตารางการ์ดแสดงเป็นรายการโครงการแบบคอลัมน์เดียวแทนที่จะเป็นหลายคอลัมน์ โดยแต่ละโครงการจะใช้ความกว้างเต็มหน้าจอพร้อมรูปภาพและชื่อเรื่องของตัวเอง ระบบนำทางประกอบด้วยแถบด้านบนโปร่งใส โดยมีโลโก้อยู่ทางซ้าย ตัวเลือกภาษาอยู่ตรงกลาง และเมนูอยู่ทางขวา—ไม่มีการเปลี่ยนแปลงสีถาวร ไม่มีเงา มีเพียงปุ่มบันทึกที่มองไม่เห็นเท่านั้น ด้านล่างของหน้าเป็นบล็อกที่อยู่แบบสามคอลัมน์ขนาดกะทัดรัด (โตเกียว ไซ่ง่อน ลอนดอน) พร้อมข้อความที่ไม่เด่นชัด โดยรวมแล้ว เป็นรูปแบบการจัดหน้าแบบนิตยสารดิจิทัล
ภาพที่ปรากฏนั้นดูอลังการและไม่เหมือนใคร: หน้าจอหลักถูกครอบงำด้วยพื้นผิวขนาดใหญ่ที่เปล่งประกายระยิบระยับราวกับของเหลว สีเขียวที่ดูเป็นธรรมชาติค่อยๆ จางหายไปผสมกับสีเหลืองอำพันและสีแดงเข้ม เหมือนน้ำมันบนน้ำหรือแก้วหลอมเหลว ให้ความรู้สึกเหมือนเป็นเนื้อหาสื่อบรรยากาศที่ครอบคลุมทั้งหน้าจอ อาจเป็นวิดีโอหรือภาพวาดที่สร้างด้วยเฉดสี และรับรู้ได้ว่าเป็นช่วงเวลาแห่งประสาทสัมผัสเดียวมากกว่ารูปแบบที่ซ้ำกัน การสาธิตของโครงการนี้ใช้ภาพถ่ายเชิงบรรณาธิการที่ใกล้ชิด (ภาพผลิตภัณฑ์ขนาดใหญ่ ภาพส่งเสริมการขาย) ที่นำเสนอโดยไม่มีกรอบหรือขอบ—ภาพคือเนื้อหาหลัก ไม่มีภาพประกอบ ไม่มีไอคอนอื่นนอกจากสัญลักษณ์ UI ขนาดเล็ก ไม่มีรูปทรงตกแต่ง ไอคอนมีน้อยมากหรือไม่มีเลย ไอคอนข้อความวงกลมที่หมุนได้ทำหน้าที่เป็นองค์ประกอบการพิมพ์เพียงอย่างเดียวของระบบ ความหนาแน่นโดยรวม: ข้อความครอบงำด้วยท่าทางภาพเดียวขนาดใหญ่ ตามด้วยส่วนการพิมพ์และภาพผลิตภัณฑ์ที่ยาวและสงบนิ่ง
จานสี
ยี่ห้อ
- Iridescent Fade
#a02d25— การเน้นสีจะปรากฏเฉพาะภายในช่วงการไล่ระดับสีเท่านั้น สีแดงเบอร์กันดีที่หลอมละลายซึ่งเป็นพื้นฐานของบรรยากาศระยิบระยับนั้นไม่ได้ถูกนำมาใช้ในส่วนควบคุมของอินเทอร์เฟซ
เป็นกลาง
- Obsidian
#000000— ข้อความหลัก, เส้นขอบ SVG, การเติมสีทับข้อความหลัก - สีดำสนิทครอบคลุมข้อมูลและองค์ประกอบกราฟิกทั้งหมดในส่วนหน้า - Paper
#ffffff— ใช้ตัวอักษรสีอ่อนบนพื้นผิวสีเข้ม คำบรรยายภาพแบบกลับด้าน และหัวข้อข่าวที่มีความคมชัดสูง หลีกเลี่ยงการใช้ตัวอักษรสีอ่อนเป็นสีหลักสำหรับข้อความกระตุ้นการกระทำ - Inkstone
#181818— ข้อความหลักในส่วนท้ายเอกสารและหัวข้อเพิ่มเติมใช้สีดำแบบจางๆ เพื่อให้อ่านข้อความยาวๆ ได้ง่าย - Felt Gray
#6d6d6d— ข้อความเสริม ช่องที่อยู่ ข้อความทางกฎหมาย – คำอธิบายประกอบเงียบๆ ที่จางหายไปโดยไม่ทันสังเกต แต่ก็ไม่ได้หายไปอย่างสิ้นเชิง - Slate Pill
#636363— พื้นหลังที่เป็นกลางของปุ่มเป็นสีทึบเพียงสีเดียวที่ใช้สำหรับการกระทำต่างๆ เช่น การยอมรับ - Ash Mist
#9a9a9a— เฉดสีที่เป็นกลาง เหมาะสำหรับพื้นผิวที่มีปัญหาด้านการมองเห็น หรือพื้นผิวที่มีความแตกต่างของแสงน้อย
การจัดพิมพ์
จาก 12 เป็น 225 พิกเซล · 9 ขั้นตอน
- Roobert — ทดแทน: Inter or Söhne — both share Roobert's geometric-humanist balance and clean aperture · โครงร่าง 300, 400, 600 · แบบอักษรหลักถูกใช้สำหรับข้อความส่วนติดต่อผู้ใช้ทั้งหมด การนำทาง หัวข้อ เนื้อหาหลัก รายการ และส่วนท้าย แบบอักษร sans-serif ที่ออกแบบมาเป็นพิเศษนี้ผสมผสานความชัดเจนทางเรขาคณิตเข้ากับความอบอุ่นแบบมนุษยนิยม ช่วงน้ำหนักที่หลากหลาย (ตั้งแต่ 300 Whisper ถึง 600 Anchor) ช่วยให้แบบอักษรนี้ดูมีชีวิตชีวา ตั้งแต่หัวข้อข่าวขนาดใหญ่ไปจนถึงบันทึกย่อ
- Raleway — ทดแทน: Montserrat or Jost · โครงร่าง 400 · ใช้เฉพาะในบริบทของหัวข้อข่าวบางกรณีที่ต้องการใช้แบบอักษร sans-serif ที่ดูสง่างามและแคบกว่าเพื่อสร้างความแตกต่าง โดยไม่ค่อยได้ใช้เป็นแบบอักษรที่ตัดกับแบบอักษร Robert ที่ดูหนาและเข้มกว่า
- system-ui — ทดแทน: Inter · โครงร่าง 400 · ป้ายกำกับขนาดเล็กบนอินเทอร์เฟซ ข้อความในแบนเนอร์คุกกี้ แบบอักษรขนาดเล็ก - ตัวเลือกสำรองเริ่มต้นของเบราว์เซอร์ ช่วยให้สามารถอ่านได้แม้ในรายละเอียดเล็กๆ น้อยๆ โดยไม่จำเป็นต้องใช้แบบอักษรที่กำหนดเอง
ช่วงเวลาและรูปแบบ
| วัตถุประสงค์ | ความหมาย |
|---|---|
| ความหนาแน่น | หนาแน่น |
| ขั้นตอนพื้นฐาน | 14px |
| รัศมีปุ่ม | 75px |
| รัศมีการ์ด | 0px |
| เงา | ไม่ - ใช้เส้นขอบแทนเงา |
| ระหว่างส่วนต่างๆ | 46px |
| ความกว้างของหน้า | 1078px |
AI จะสร้างเว็บไซต์ของคุณในสไตล์ของ monopo saigon และเติมข้อมูลลงไป
- ใส่สินค้าและโพสต์ผ่านลิงก์ - Instagram, TikTok, Facebook
- ย้ายเนื้อหาจากเว็บไซต์เก่าของคุณ—เพียงระบุที่อยู่เว็บไซต์
- ดีไซน์ทันสมัยบนเอนจิ้นที่ดีที่สุด: React ( Next.js) พร้อมการเรนเดอร์ฝั่งเซิร์ฟเวอร์และการเพิ่มประสิทธิภาพ SEO ในตัว
- การเพิ่มประสิทธิภาพ SEO แบบอัตโนมัติเต็มรูปแบบสำหรับผลการค้นหาและคำแนะนำจากโครงข่ายประสาทเทียม
สไตล์ที่คล้ายกัน
- Hyer Aviation — ยามพลบค่ำในห้องนักบินเหนือกระดาษปาร์ชเมนต์ ท้องฟ้าสีซีดในยามรุ่งอรุณบรรจบกับโลโก้ตัวอักษรแบบมีเชิงขนาดเท่าลำตัวเครื่องบิน และสีดินเผาโทนอบอุ่นเพียงสีเดียวช่วย打破ความเรียบง่ายแบบขาวดำ
- OFF+BRAND. — ทรงกลมเหลือบสีบนกระดาษปาร์ชเมนต์อุ่นๆ
- Seed — สิ่งมีชีวิตภายใต้กระจกในห้องปฏิบัติการ
- Eindhoven Design District — การออกแบบสไตล์บรูทัลลิสม์บนกระดาษขาว เป็นแถลงการณ์ด้านการออกแบบของเทศบาล ที่ใช้ตัวอักษรขนาดใหญ่ ภาพถ่ายน้อยที่สุด และความเรียบง่ายอย่างที่สุด
- Subframe — ภาพวาดกราฟิกบนกระดาษปาร์ชเมนต์สีอบอุ่น กระดาษดีไซเนอร์ที่ทุกเส้นขีดเขียนล้วนมาจากกราไฟต์หรือยางลบ ไม่ใช่สีทา ความลึกของภาพเกิดจากความหนาของเส้นและเชิงอักษรที่เรียบง่าย
- Miranda — ตัวอักษรแบบคลาสสิกขนาดใหญ่บนพื้นหลังสีครีมอ่อน—บทบรรณาธิการหนังสือพิมพ์สำหรับยุคดิจิทัล
- Monocle — หนังสือพิมพ์คุณภาพสูง รูปแบบขนาดใหญ่ พิมพ์บนกระดาษสีครีม บทบรรณาธิการได้รับการคัดสรรอย่างพิถีพิถัน ทุกคอลัมน์มีความสำคัญ และใช้สีที่มีความหมายเพียงสีเดียวบนหน้ากระดาษ
- Agencja brandingowa — แกลเลอรี่ภาพบรรณาธิการในโทนสีขาว โดยใช้หมึกสีดำในการจัดวางตัวอักษร
- Websmith Studio — แสงยามเช้าบนกระดาษสีครีม
- Aspelin Reitan — หอจดหมายเหตุสถาปัตยกรรมใต้แสงเทียน - หน้าเว็บนี้ดูเหมือนแฟ้มสะสมผลงานสถาปัตยกรรมที่ติดอยู่บนผนังสีครีมอบอุ่น โดยมีข้อความสีขาวบรรทัดเดียวลอยอยู่เหนือภาพแต่ละภาพตลอดความกว้างของหน้าเว็บ
- Public — บทความขาวดำบนพื้นหินอ่อนเย็นชา ราวกับภาพวาดขาวดำ ที่ใช้ฟอนต์แบบมีเชิงขนาด 300 พอยต์ และมีเส้นสีม่วงเพียงเส้นเดียวเป็นจุดเด่นที่ให้สีสันทั้งหมด
- Motto — ภาพพิมพ์ขนาดใหญ่บนกระดาษ – เสียงเดียวที่มั่นใจประกาศตนบนกระดาษสีขาวบริสุทธิ์