Foodnoms
ตลาดผลไม้ที่สดใสท่ามกลางแสงแดดบนพื้นกระเบื้องเคลือบสีขาว – ส้มสีอบอุ่น ผักสด และรูปทรงกลมมนอวบอิ่ม
Foodnoms นำเสนอการตลาดที่สนุกสนานสำหรับการติดตามโภชนาการ โดยใช้พื้นหลังสีขาวสะอาดตา ภาพจำลองโทรศัพท์ขนาดใหญ่เป็นจุดเด่น และใช้สีสันที่ดูขี้เล่น โดยแต่ละสีแทนสารอาหารและความคืบหน้า ส่วนหัวใช้สองสี (สีหนึ่งสำหรับคำหลัก และสีเทาเข้มสำหรับส่วนที่เหลือ) ช่วยให้ประเมินคุณค่าของผลิตภัณฑ์ได้อย่างรวดเร็ว ระบบใช้จอแสดงผลแบบผู้ใช้เดียว (Aquawax Pro) ที่มีรูปทรงเรขาคณิตโค้งมนอย่างชัดเจน ช่วยลดความรู้สึกหนักหน่วงของหน้าจอแอปที่แสดงข้อมูลจำนวนมาก พื้นผิวส่วนใหญ่เรียบและไม่มีเงา รัศมีมุมที่สม่ำเสมอทำให้ปุ่ม การ์ด และป้ายกำกับดูเป็นมิตรและนุ่มนวล ทำให้การติดตามสุขภาพเข้าถึงได้ง่ายกว่าการใช้งานทางการแพทย์
หน้าเว็บมีเลย์เอาต์แบบคอลัมน์เดียว จัดกึ่งกลาง เต็มความกว้าง (~1200 พิกเซล) พร้อมจังหวะแนวตั้งที่ลงตัว ส่วนหัวเป็นแถบด้านบนบางๆ โดยมีโลโก้อยู่ทางซ้าย การนำทางอยู่ตรงกลาง และปุ่มการกระทำสีส้มทึบอยู่ทางขวา ส่วนฮีโร่เป็นแบบเรียงซ้อนอยู่ตรงกลาง: ชื่อเรื่องสองสี หัวข้อย่อยบรรทัดเดียว ไอคอน App Store และภาพจำลองโทรศัพท์ 3-5 ภาพเรียงกันตามความกว้าง ด้านล่างส่วนฮีโร่เป็นส่วนโลโก้ข่าวประชาสัมพันธ์ "แนะนำ" ที่จัดกึ่งกลางในรูปแบบตาราง 2x3 ส่วนต่างๆ ของหน้าเว็บมีรูปแบบซ้ำกัน: ข้อความสองคอลัมน์ + ภาพจำลองโทรศัพท์ สลับด้านกัน โดยมีหัวข้อส่วนเน้นสีส้ม/เขียว องค์ประกอบสุดท้ายก่อนส่วนท้ายคือการ์ด CTA สำหรับดาวน์โหลดแบบเต็มความกว้าง ช่องว่างระหว่างส่วนต่างๆ กว้างขวาง (96 พิกเซล) ทำให้รู้สึกโปร่งโล่งเหมือนแกลเลอรี่ การนำทางเป็นแถบด้านบนแบบมินิมอล ไม่มีแถบด้านข้างหรือเมนูขนาดใหญ่
ภาษาภาพของแอปนี้ถูกครอบงำด้วยภาพจำลองกรอบ iPhone คุณภาพสูงที่แสดงให้เห็นถึงอินเทอร์เฟซการทำงานของแอป ซึ่งเป็นองค์ประกอบหลัก ไม่ใช่ภาพสต็อก ภาพจำลองเหล่านี้แสดงผลด้วยความโปร่งใสเกือบทั้งหมด จัดเรียงให้ซ้อนทับกันเล็กน้อยและหมุนอย่างราบรื่น และวางอยู่บนพื้นหลังสีขาวโดยตรง ภายในภาพจำลองนั้น องค์ประกอบภาพมาจากอินเทอร์เฟซของแอปเอง ได้แก่ ข้อมูลโภชนาการ ภาพผลิตภัณฑ์ วงแหวนมาโคร และแท็กหมวดหมู่ที่มีสีสัน เนื้อหาภาพถ่ายเพียงอย่างเดียวคือภาพอาหารที่ผู้ใช้ส่งเข้ามา ซึ่งจะปรากฏบนหน้าจอกล้องของแอป Scan Your Food ไม่มีภาพไลฟ์สไตล์ ไม่มีภาพประกอบนามธรรม ไม่มีกราฟิกตกแต่ง การสร้างแบรนด์ทั้งหมดถูกกำหนดโดยแบบอักษรที่กำหนดเอง โทนสีส้ม/เขียว/เข้ม และอินเทอร์เฟซของแอปเอง
จานสี
ยี่ห้อ
- Ember Orange
#ff5406— สีส้มใช้เป็นสีเสริมสำหรับรายละเอียดตกแต่งและเพื่อเน้นย้ำสิ่งที่ปรากฏไม่บ่อยนัก ไม่ควรใช้เป็นสีหลักสำหรับข้อความกระตุ้นการกระทำ
เป็นกลาง
- Graphite
#2f2f2f— ข้อความหลัก ปุ่มสีเข้ม (ไอคอน App Store) และเส้นขอบไอคอน สีหลักที่ไม่ใช่สีขาวในหัวข้อและเนื้อหาข้อความ - Verdant Green
#00b33f— สีเขียวทำหน้าที่เป็นสีเสริมเพื่อเน้นรายละเอียดการตกแต่งและเพื่อเน้นความถี่ต่ำ - Signal Red-Orange
#ff3400— เป็นสีโทนอบอุ่นรองที่ปรากฏให้เห็นในองค์ประกอบ UI ของหน้าจอแอปและแบรนด์ที่เกี่ยวข้อง มีโทนสีอบอุ่นกว่าสีส้ม Ember Orange หนึ่งระดับ และเน้นสถานะแอปที่เลือกหรือใช้งานอยู่ - Sky Blue
#00a9dd— เป็นการแบ่งสีที่ลงตัวสำหรับหมวดหมู่ข้อมูลภายในแอป (คาร์โบไฮเดรต/โปรตีน/กลุ่มสารอาหารอื่นๆ) ช่วยปรับสมดุลโทนสีอบอุ่นที่โดดเด่นในรูปแบบการแสดงผลบนโทรศัพท์ - Mist Blue
#72a2c5— โทนสีเย็นที่ดูนุ่มนวล - ช่วยลดความเข้มของสีฟ้าอ่อน เหมาะสำหรับใช้กับป้ายกำกับข้อมูลเพิ่มเติมและพื้นหลังของแผนภูมิภายในแอป - Sunset Orange
#ff6d00— ใช้สีโทนอบอุ่นสำหรับหัวข้อรองและข้อความเน้นบนหน้าเว็บการตลาด
การจัดพิมพ์
จาก 12 เป็น 60 พิกเซล · 7 ขั้นตอน
- Aquawax Pro Medium — ทดแทน: Inter · โครงร่าง 500 · Aquawax Pro Medium - พบในข้อมูลที่ดึงมาได้ แต่ไม่ได้ถูกอธิบายโดย AI
- Aquawax Pro — ทดแทน: Nunito Sans · โครงร่าง 700, 500, 600 · แบบอักษรหลักของแบรนด์ที่ใช้ในทุกบริบท รวมถึงหัวข้อและเนื้อหาหลัก แบบอักษรที่ออกแบบมาเป็นพิเศษนี้มีลักษณะเด่นคือความสูงของตัวอักษรที่กว้าง รูปทรงเรขาคณิตที่โค้งมน และสัดส่วนที่อ่านง่าย ตัวหนา (700) ใช้สำหรับหัวข้อและส่วนต่างๆ ซึ่งเป็นจุดสังเกตทางด้านการพิมพ์ของระบบ ตัวหนาปานกลาง (600) ใช้สำหรับหัวข้อย่อยและป้ายกำกับปุ่ม โดยมีขนาด 14–1.8 มม. และตัวหนาปานกลาง (500) ใช้สำหรับเนื้อหาหลัก โดยมีขนาด 17–1.8 มม. พร้อมระยะห่างระหว่างบรรทัดที่เพียงพอ 1.6–1.8 มม. เพื่อให้อ่านง่าย
- System sans-serif — ทดแทน: Inter · โครงร่าง 400, 700 · มีการใช้ตัวเลือกสำรองสำหรับข้อความขนาดเล็กมากและข้อความไอคอนในส่วนติดต่อผู้ใช้ แบบอักษร Aquawax Pro จะไม่ถูกใช้ในขนาดเล็กมาก แบบอักษรของระบบจะจัดการขนาดเหล่านี้เพื่อลดขนาดไฟล์สำหรับการแสดงผล
ช่วงเวลาและรูปแบบ
| วัตถุประสงค์ | ความหมาย |
|---|---|
| ความหนาแน่น | กว้างขวาง |
| ขั้นตอนพื้นฐาน | 20px |
| รัศมีปุ่ม | 26px |
| รัศมีการ์ด | 26px |
| เงา | ไม่ - ใช้เส้นขอบแทนเงา |
| ระหว่างส่วนต่างๆ | 96px |
| ความกว้างของหน้า | 1200px |
AI จะสร้างเว็บไซต์ของคุณในสไตล์ของ Foodnoms และเติมข้อมูลลงไป
- ใส่สินค้าและโพสต์ผ่านลิงก์ - Instagram, TikTok, Facebook
- ย้ายเนื้อหาจากเว็บไซต์เก่าของคุณ—เพียงระบุที่อยู่เว็บไซต์
- ดีไซน์ทันสมัยบนเอนจิ้นที่ดีที่สุด: React ( Next.js) พร้อมการเรนเดอร์ฝั่งเซิร์ฟเวอร์และการเพิ่มประสิทธิภาพ SEO ในตัว
- การเพิ่มประสิทธิภาพ SEO แบบอัตโนมัติเต็มรูปแบบสำหรับผลการค้นหาและคำแนะนำจากโครงข่ายประสาทเทียม
สไตล์ที่คล้ายกัน
- Slite — สมุดบันทึกสีครีมเหมือนกระดาษปาร์ชเมนต์ ด้ามจับสีดินเผา ทุกพื้นผิวเป็นกระดาษเนื้อเนียนละเอียด ทุกรายละเอียดประดับประดาด้วยสีส้มอย่างประณีต
- Adora — พิพิธภัณฑ์ศิลปะอิมเพรสชันนิสม์ที่อยู่หลังกระจกฝ้า
- Bento — กล่องอาหารกลางวันเบนโตะวางอยู่บนพื้นลินoleumที่แสงแดดส่องถึง แผ่นการ์ดทรงกลมคล้ายสติ๊กเกอร์สีเขียวมะนาว สีม่วงลาเวนเดอร์ สีน้ำเงินโคบอลต์ และสีแดงเบอร์กันดี แต่ละแผ่นมีเส้นขอบสีดำหนา วางอยู่บนผ้าลินินสีครีมอบอุ่น ใต้ชื่อเรื่องที่เป็นรูปทรงเรขาคณิตตัวหนา
- Payments — โทนสีส้มสดใสตัดกับพื้นหลังสีม่วงเข้ม สีม่วงเข้มราวกับท้องฟ้ายามค่ำคืน ขณะที่สีเหลืองมะนาวที่โดดเด่นเปล่งประกายราวกับเปลือกส้มสดใหม่บนพื้นผิวสีขาวสะอาดตา
- Textla — ปฏิทินพฤกษศาสตร์ย้อนยุคแสนสดใส - หน้ากระดาษสีเหลืองครีม พิมพ์ด้วยหมึกสีเขียวเข้ม พร้อมภาพประกอบต้นกระบองเพชรที่วาดด้วยเงาคมชัด
- AI for Business — โชว์รูมสำหรับการถ่ายภาพสไตล์บรูทาลิสต์ในโทนสีเทาอบอุ่น
- Superhuman — คณะบรรณาธิการช่วงเวลาแสงสีทอง
- Visitors — ภาพวาดทางวิศวกรรมสีขาว
- Vercel — พิมพ์เทอร์มินัลลงบนกระดาษสีขาว
- Jeton — บทความบรรณาธิการเกี่ยวกับฟินเทคบนหินอ่อนสีอบอุ่น
- Say Briefly — สมุดร่างภาพสำหรับเอเจนซี่สร้างสรรค์ บนกระดาษสีครีม
- ClickUp — หน้าแดชบอร์ดอันทรงพลังบนพื้นหลังหินอ่อนสีขาว หน้าเว็บนี้เป็นโบรชัวร์ผลิตภัณฑ์สำหรับเครื่องมือเพิ่มประสิทธิภาพการทำงาน ดังนั้นภาษาภาพจึงยืมมาจากตัวผลิตภัณฑ์เอง ได้แก่ รายการหนาแน่น ตัวบ่งชี้สถานะ กลุ่มรูปประจำตัว และข้อความตัวหนาที่ดูเหมือนข้อมูลจำเพาะของผลิตภัณฑ์ที่แสดงอยู่