Telegram, WhatsApp+380637610482
วาเลรี ดานยุก
วาเลรี ดานยุกนักพัฒนาพัฒนาเครื่องมือ AI สำหรับธุรกิจ คุณภาพสูง ราคาไม่แพงติดต่อผ่าน Telegram
Wise — ตัวอย่างเว็บไซต์ในรูปแบบนี้

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 — สนามเด็กเล่นสีเขียวที่มีเส้นแบ่งเขตหนา