
Wise
มอสหนาทึบตัดกับความตึงเครียดของหินปูน ประกายหินปูนบนพื้นป่าสีดำสนิท และรูปทรงขนาดใหญ่เหลี่ยมคมบ่งบอกถึงทุกการเคลื่อนไหว
แบบอักษร Wise สื่อสารด้วยน้ำเสียงที่มั่นใจและดังเล็กน้อย: สีเขียวเข้ม (#163300) ครอบคลุมพื้นที่ส่วนใหญ่ ทั้งข้อความ การนำทาง ส่วนสีเข้ม และไอคอน ในขณะที่สีเขียวมะนาวสดใส (#9fe870) เพียงสีเดียวทำหน้าที่เป็นเครื่องหมายวรรคตอนสำหรับการกระตุ้นให้เกิดการกระทำ แท็บที่ใช้งานอยู่ และองค์ประกอบสำคัญ แบบอักษรนี้ดูดุดันเล็กน้อย: Wise Sans ที่มีความหนาของเส้น 900 เรียงตัวกันอย่างหนาแน่น โดดเด่นด้วยตัวอักษรขนาดใหญ่ (100px ขึ้นไป) บนหน้าจอหลัก ส่วนที่เหลือของระบบยังคงดูเรียบง่ายบนพื้นหลังสีขาวนวลที่มีพื้นผิวสีเทาอ่อน (#e8ebe6) ส่วนประกอบต่างๆ มีรูปร่างคล้ายแคปซูลโดยค่าเริ่มต้น เช่น ปุ่ม ส่วนการนำทาง รูปภาพขนาดย่อของช่องทำเครื่องหมาย และหน้ากากรูปภาพ โดยมีรัศมีขนาดเล็ก (10px) สำหรับการ์ดและช่องป้อนข้อมูล การไล่ระดับสีนั้นหายาก แต่การผสมผสานระหว่างสีเขียวซาลาแมนเดอร์และสีเขียวเข้มจะเปลี่ยนไปอย่างราบรื่นเมื่อส่วนต่างๆ มืดลง สร้างจังหวะโดยไม่ต้องตกแต่งมากเกินไป
คอนเทนเนอร์ที่มีความกว้างสูงสุด 1200 พิกเซล จัดวางอยู่ตรงกลาง โดยมีส่วนบนและส่วนสีเข้มที่ครอบคลุมความกว้างทั้งหมดของหน้า ส่วนหัวมีการจัดวางหัวข้อขนาดใหญ่ตรงกลางบนพื้นหลังสีขาว พร้อมภาพประกอบขนาดใหญ่ (ลูกโลก) ที่ยื่นออกไปนอกขอบล่างของหน้าจอ จังหวะของส่วนต่างๆ สลับกันระหว่างสีขาว สีเขียวอ่อน และส่วนสีเข้มใน "หมึกสีเขียวเข้ม" สร้างจังหวะสีที่เป็นธรรมชาติ การจัดวางเนื้อหาส่วนใหญ่อยู่ตรงกลาง: บล็อกข้อความและรูปภาพในสองคอลัมน์ที่ด้านบน หรือแถวที่มีองค์ประกอบหลักในสามคอลัมน์ในส่วนรอง ใช้ตารางห้าคอลัมน์พร้อมธงเพื่อแสดงรายการประเทศ การนำทางเป็นแถบด้านบนคงที่เพียงแถบเดียวพร้อมปุ่มสลับแบบแบ่งส่วน รหัส QR จะคงที่อยู่ที่มุมล่างขวาในทุกตำแหน่งการเลื่อน
ภาพประกอบสามมิติที่แสดงถึงลูกโลกที่มีเหรียญทองสร้างโลกแห่งภาพลักษณ์ของแบรนด์—สัมผัสได้ เหนือจริงเล็กน้อย สร้างสรรค์ด้วยการไล่ระดับสีที่นุ่มนวลและแสงที่อบอุ่น ภาพถ่ายมีความเรียบง่าย เมื่อนำมาใช้ จะเน้นความสว่างและดูสบายๆ ธงชาติถูกนำเสนอในรูปแบบภาพขนาดย่อวงกลมในตารางห้าคอลัมน์—ระบบ "สัญลักษณ์" เพียงอย่างเดียวคือเอกลักษณ์ของชาติ ไม่มีองค์ประกอบกราฟิกนามธรรม ไม่มีแม่แบบมาตรฐาน ลูกโลกและเหรียญทองเป็นลวดลายที่ปรากฏซ้ำๆ ในมาสคอต สื่อถึงการเข้าถึงทั่วโลกผ่านวัตถุชิ้นเดียวที่อบอุ่นและมองโลกในแง่ดี แทนที่จะเป็นการประกอบภาพหลายๆ ภาพเข้าด้วยกัน
จานสี
ยี่ห้อ
- Forest Ink
#163300— สไตล์สีเข้มที่เป็นเอกลักษณ์ของแบรนด์ ไม่ว่าจะเป็นข้อความนำทาง พื้นหลังสีเข้มในส่วนต่างๆ ข้อความหลักบนพื้นผิวสีอ่อน เส้นขอบไอคอน และองค์ประกอบนำทางที่เติมสี ล้วนเป็นสิ่งที่กำหนดจุดแข็งของแบรนด์: ไม่ว่าที่ไหนที่ต้องการความหนักแน่นหรืออำนาจ คุณก็จะเลือกใช้ Forest Ink - Lime Voltage
#9fe870— สีเขียวใช้เป็นสีเสริมสำหรับรายละเอียดตกแต่งและเพื่อเน้นคำค้นหาที่ใช้ไม่บ่อยนัก ไม่ควรใช้เป็นสีหลักสำหรับข้อความกระตุ้นการกระทำ - Spruce
#054d28— สีเขียวเข้มรองใช้สำหรับพื้นผิวของการ์ด สัญลักษณ์เล็กๆ น้อยๆ และเพื่อเพิ่มความลึกให้กับบริเวณสีเข้มที่สีหมึกป่าเข้มเกินไป
เป็นกลาง
- Linen Mist
#e2f6d5— สีเขียวอ่อนสำหรับใช้เป็นไฮไลต์นุ่มนวลบนพื้นผิว พื้นหลังการ์ดที่มีสีอ่อน และสถานะการวางเมาส์เหนือแถบนำทาง สีเขียวที่เป็นเอกลักษณ์อย่างละเอียดอ่อนสำหรับองค์ประกอบการออกแบบคอนเทนเนอร์อย่างแนบเนียน - Signal Blue
#0b4c72— สีน้ำเงินทำหน้าที่เป็นสีเสริมเพื่อเน้นรายละเอียดการตกแต่งและเพื่อเน้นความถี่ต่ำ - Alarm Red
#cb272f— สีแดงใช้เป็นสีเสริมเพื่อเน้นรายละเอียดการตกแต่งและขับเน้นสีที่ไม่ค่อยพบเห็น ควรใช้เป็นสีเสริม ไม่ใช่สีที่แสดงถึงสถานะทางสังคม - Charcoal
#454745— เนื้อหาหลัก, ข้อความหลัก, UI ที่สวยงาม - สีดำโทนอุ่นเล็กน้อยที่ให้ความรู้สึกนุ่มนวลกว่าสีดำสนิท (#000) บนพื้นหลังสีขาว - Obsidian
#0e0f0c— หัวข้อ หัวข้อที่มีความคมชัดสูง องค์ประกอบสีดำสนิทในเมนูนำทางและเมนูหลัก สีดำที่มีโทนสีเขียวเล็กน้อย ไม่ใช่สีเทาที่เป็นกลาง - Pebble
#868685— ข้อความรอง ข้อความตัวอย่าง เส้นขอบไอคอน และเส้นขอบช่องป้อนข้อมูลมีสีเทาอ่อน จางลงเมื่อมองจากระยะไกล
การจัดพิมพ์
จาก 12 เป็น 105 พิกเซล · 10 ขั้นตอน
- Inter — ทดแทน: Inter (native Google Fonts) · โครงร่าง 400,500,600,700 · เนื้อหาหลัก อินเทอร์เฟซผู้ใช้ คำบรรยายภาพ และหัวข้อย่อยทั้งหมดในผลิตภัณฑ์ ใช้ฟอนต์ขนาด 700 สำหรับหัวข้อระดับกลาง (36–45 พิกเซล) ขนาด 500–600 สำหรับหัวข้อย่อยและคำบรรยายภาพ และขนาด 400 สำหรับเนื้อหาหลักและคำบรรยายภาพ ฟอนต์ Inter ให้ความรู้สึกที่ดูนุ่มนวลกว่า ในขณะที่ Wise Sans ให้ความรู้สึกที่ดูโดดเด่นกว่า
- Wise Sans — ทดแทน: Inter Black (900) with -0.04em tracking · โครงร่าง 900 · หัวข้อข่าวเปรียบเสมือนนามบัตรของแบรนด์ การใช้ฟอนต์ขนาด 900 ที่หนาแน่นเป็นพิเศษ โดยมีระยะห่างระหว่างตัวอักษร 89–105 พิกเซล และระยะห่างระหว่างตัวอักษรที่แคบ จะเปลี่ยนหัวข้อข่าวแต่ละหัวข้อให้กลายเป็นโฆษณาที่โดดเด่นสะดุดตา หัวข้อข่าวถูกใช้ในปริมาณที่พอเหมาะ เช่น ในส่วนของเนื้อหาหลัก หัวข้อส่วนต่างๆ และไฮไลท์ของแคมเปญ
- monospace — ทดแทน: Inter · โครงร่าง 400 · แบบอักษร Monospaced - พบในข้อมูลที่ดึงมาได้ แต่ AI ไม่ได้อธิบายไว้
ช่วงเวลาและรูปแบบ
| วัตถุประสงค์ | ความหมาย |
|---|---|
| ความหนาแน่น | หนาแน่น |
| ขั้นตอนพื้นฐาน | 8-12px |
| รัศมีปุ่ม | 9999px |
| รัศมีการ์ด | 10px |
| เงา | ไม่ - ใช้เส้นขอบแทนเงา |
| ระหว่างส่วนต่างๆ | 64-80px |
| ความกว้างของหน้า | 1200px |
AI จะสร้างเว็บไซต์ของคุณในสไตล์ของ Wise และเติมข้อมูลลงไป
- ใส่สินค้าและโพสต์ผ่านลิงก์ - Instagram, TikTok, Facebook
- ย้ายเนื้อหาจากเว็บไซต์เก่าของคุณ—เพียงระบุที่อยู่เว็บไซต์
- ดีไซน์ทันสมัยบนเอนจิ้นที่ดีที่สุด: React ( Next.js) พร้อมการเรนเดอร์ฝั่งเซิร์ฟเวอร์และการเพิ่มประสิทธิภาพ SEO ในตัว
- การเพิ่มประสิทธิภาพ SEO แบบอัตโนมัติเต็มรูปแบบสำหรับผลการค้นหาและคำแนะนำจากโครงข่ายประสาทเทียม
สไตล์ที่คล้ายกัน
- Integrated Biosciences — ห้องปฏิบัติการเรืองแสงชีวภาพตอนเที่ยงคืน
- Huly — แสงเหนือที่หอดูดาวเที่ยงคืน - ตัวเอกคือลำแสงสีม่วงแนวตั้งที่ค่อยๆ เปลี่ยนเป็นสีปะการัง และแต่ละส่วนที่เงียบสงบด้านล่างก็ถ่ายทอดเรื่องราวสองสีเดียวกันนี้ในโทนที่นุ่มนวลกว่า
- Dia Browser — พื้นที่จัดแสดงงานศิลปะในห้องมืดผสานเข้ากับหน้าหนังสือพิมพ์ ฉากที่มืดสนิทเผยให้เห็นหน้าหนังสือพิมพ์ที่สว่างไสวด้วยแสงแดด แต่ละส่วนถูกคั่นด้วยพาดหัวข่าวแบบตัวอักษรมีเชิงเพียงบรรทัดเดียว
- Mintlify — สวนเมฆเหนือโต๊ะกระจก ท้องฟ้าที่วาดด้วยมือและสารคดีถูกจัดวางเข้าด้วยกัน—เป็นเพียงจุดเดียวที่สีสันและแนวคิดมาบรรจบกันก่อนที่หน้ากระดาษจะจางหายไปเป็นสีขาวบริสุทธิ์
- Gleap — พื้นที่ทำงานที่ตกแต่งด้วยโทนสีครีมอบอุ่น พร้อมด้วยรายละเอียดสีเทากราไฟต์—สตูดิโอที่จุดหมึกสีดำด้านดูเหมือนจะลอยอยู่เหนือโครงสร้างผ้าลินิน
- ClickUp — หน้าแดชบอร์ดอันทรงพลังบนพื้นหลังหินอ่อนสีขาว หน้าเว็บนี้เป็นโบรชัวร์ผลิตภัณฑ์สำหรับเครื่องมือเพิ่มประสิทธิภาพการทำงาน ดังนั้นภาษาภาพจึงยืมมาจากตัวผลิตภัณฑ์เอง ได้แก่ รายการหนาแน่น ตัวบ่งชี้สถานะ กลุ่มรูปประจำตัว และข้อความตัวหนาที่ดูเหมือนข้อมูลจำเพาะของผลิตภัณฑ์ที่แสดงอยู่
- monday — ห้องทำงานสีขาวตกแต่งด้วยสติกเกอร์สีพาสเทล
- Portal — Twilight Serif Editorial - บทความคุณภาพสูงในนิตยสารอิสระ ออกแบบในสไตล์ iOS
- Slack — เวทีมีสีม่วงเข้มคล้ายสีมะเขือม่วง ส่องสว่างด้วยไฟสปอตไลท์สีขาว สีม่วงเข้มเป็นสีหลักในบริเวณที่มืด ในขณะที่ผืนผ้าใบสีขาวนวลช่วยให้ชื่อเรื่องขนาดใหญ่สไตล์ล้ำสมัยโดดเด่นขึ้นมาได้
- Base44 — สมุดบันทึกที่สว่างไสวด้วยแสงแดด พร้อมปากกาเขียนสีเขียวมะนาว
- Letters — การนัดหมายช่วงเช้าที่คลินิกกลางแจ้ง—โต๊ะสีขาวสะอาดตาใต้เพดานสีฟ้าอ่อน วางเรียงรายไปด้วยเครื่องมือผ่าตัดสีฟ้า
- Duolingo — สนามเด็กเล่นสีเขียวที่มีเส้นแบ่งเขตหนา