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

Palmer

แกลเลอรี่เซรามิกในแสงธรรมชาติอ่อนๆ – ปฏิสัมพันธ์เกิดขึ้นกับผนัง และวัตถุเหล่านั้นก็คือศิลปะ

Palmer จัดวางเครื่องใช้บนโต๊ะอาหารราวกับเป็นชิ้นงานศิลปะในพิพิธภัณฑ์บนผืนผ้าใบสีครีมอบอุ่น (#f5f6ee) อินเทอร์เฟซดูเรียบง่าย ไม่มีเงา ไม่มีโครเมียม ไม่มีสีสันฉูดฉาด ทำให้เซรามิกเคลือบมือกลายเป็นสีเดียวในห้อง การจัดวางตัวอักษรเรียบง่ายมาก: แบบอักษร TWK Lausanne เกือบจะเป็นสีเดียว (300–500) พร้อมระยะห่างระหว่างตัวอักษรที่มากเกินไป ทำให้ตัวอักษรดูชิดกัน รวมถึงเลเยอร์แสดงผลขนาดใหญ่ 120 พิกเซล ซึ่งทำหน้าที่เป็นเหมือนคำอธิบายมากกว่าเครื่องหมายแสดงอินเทอร์เฟซ องค์ประกอบแบบโต้ตอบลดขนาดลงเหลือเพียงเส้นขอบบางๆ และปุ่มสลับรูปทรงแคปซูลที่วางไว้ที่ขอบของพื้นที่แสดงผล เพื่อให้พื้นที่ตรงกลางโล่งอย่างสมบูรณ์ ทุกอย่างด้านล่างของหน้าจอใช้ตรรกะเดียวกับแกลเลอรี่: ข้อความขนาดเล็ก เส้นบางๆ และระยะห่างระหว่างวัตถุที่กว้างขวาง

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

ภาพถ่ายเน้นเฉพาะผลิตภัณฑ์ที่เป็นรูปทรงต่างๆ เท่านั้น—ภาพถ่ายของชิ้นงานเซรามิกแต่ละชิ้น (จาน ชาม) จากด้านบนหรือมุม 3/4 โดยใช้พื้นหลังโปร่งใสหรือสีครีม ไม่มีบริบท ไม่มีมือ ไม่มีอุปกรณ์บนโต๊ะอาหาร แต่ละชิ้นถูกตัดแต่งโดยมีเงาเล็กน้อยเพื่อสร้างความรู้สึกเหมือนได้สัมผัสกับพื้นผิว ภาพเหล่านี้เป็นแหล่งสีเดียวบนเว็บไซต์: สีฟ้าเคลือบเงา สีเขียวมะกอก สีขาวลายด่าง และสีน้ำตาลอำพัน ความหนาแน่นของภาพสูง แต่ก็ดูโปร่งสบาย—ชิ้นงานต่างๆ ถูกจัดวางกระจัดกระจายโดยเว้นช่องว่างระหว่างกันอย่างตั้งใจ ซึ่งเป็นแนวทางการจัดแสดงมากกว่าการจัดทำแคตตาล็อก

จานสี

เป็นกลาง

  • Gallery Cream #f5f6ee — พื้นผิวของผืนผ้าใบและฐานมีสีครีมโทนอบอุ่น ซึ่งเหมาะสมกับเครื่องเซรามิกเคลือบเงามากกว่าสีขาวบริสุทธิ์
  • Ink #222222 — ข้อความหลัก เส้นขอบบางๆ โครงร่างของการ์ด โครงร่างของไอคอน—โครงสร้างทั้งหมดทำด้วยสีดำเกือบทั้งหมดนี้
  • Bone #ffffff — ภาพพื้นหลังของผลิตภัณฑ์ บางครั้งอาจใช้พื้นผิวกลับด้าน โดยวางการ์ดไว้ด้านหน้าพื้นหลังสีครีม
  • Fog #a1a19c — เส้นขอบรองที่ดูเรียบง่ายและข้อความที่มีลำดับความสำคัญต่ำ - ใช้เมื่อหมึกพิมพ์หนาเกินไปสำหรับเส้นแบ่งโครงสร้าง
  • Lampblack #000000 — สีนี้สงวนไว้สำหรับองค์ประกอบที่มีการเติมสีในบางครั้ง (พื้นหลังการนำทางที่ใช้งานอยู่ จุดยึดน้ำหนัก) และใช้ในปริมาณน้อยเพื่อให้แน่ใจว่าสีหมึกยังคงเป็นสีหลักของข้อความ

การจัดพิมพ์

จาก 11 เป็น 120 พิกเซล · 4 ขั้นตอน

  • TWK Lausanne — ทดแทน: Inter Tight or Neue Haas Grotesk Display Pro at matching weights · โครงร่าง 300, 400, 500, 600, 700 · แบบอักษรเดียวที่เหมาะสำหรับทุกอย่าง ตั้งแต่แท็กขนาดเล็กไปจนถึงงานพิมพ์เชิงบรรณาธิการ ใช้ขนาด 300 สำหรับหัวข้อและชื่อเรื่องขนาดใหญ่ (แบบอักษร sans serif สวิสที่บาง ทำให้ตัวอักษรเซรามิกโดดเด่น) ขนาด 400–500 สำหรับเนื้อหาหลักและส่วนติดต่อผู้ใช้ และขนาด 600–700 สำหรับสถานะใช้งานและป้ายกำกับตัวกรอง คุณลักษณะเด่นคือระยะห่างระหว่างตัวอักษรที่แคบ (-0.04em ในหัวข้อ, -0.02em ในเนื้อหาหลัก): ตัวอักษรถูกจัดวางชิดกัน ทำให้แม้แต่หัวข้อขนาด 11px ก็ดูแน่นและรอบคอบ มากกว่าความรู้สึกโปร่งโล่งของตัวอักษรมาตรฐาน

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

วัตถุประสงค์ความหมาย
ความหนาแน่นเฉลี่ย
ขั้นตอนพื้นฐาน12px
รัศมีปุ่ม8px
รัศมีการ์ด12px
เงาไม่ - ใช้เส้นขอบแทนเงา
ระหว่างส่วนต่างๆ80px

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

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

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

  • Peak Design — ผนังแกลเลอรี่ที่ได้รับแสงสว่างเพียงบางส่วน
  • Arsenijs Fabrica — ความงดงามที่แท้จริงของเนื้อหาบทความปรากฏให้เห็นภายใต้แสงไฟในแกลเลอรี ผนังสีขาวสะอาดตา แสงไฟแฟลชสีส้มอบอุ่นเพียงดวงเดียวที่กะพริบตัดกับฉากหลังสีขาวดำ ตัวอักษรบางเฉียบ และพื้นที่ว่างสีขาวมากมาย
  • 21 TSI — พื้นที่ว่างเปล่าสีแดงฉาน เงาเดียวที่ปรากฏ – บทความแฟชั่นชั้นสูงที่ส่วนติดต่อผู้ใช้กลืนหายไปในบรรยากาศ
  • Aevi Wellness — รูปแบบตัวอักษรแบบร้านขายยาในสแกนดิเนเวีย ดูเบาบาง สีเทาอมฟ้าอ่อนๆ ช่วยตัดกับโทนสีที่ดูโปร่งโล่งของเนื้อหาในนิตยสาร โดยมีภาพสินค้าซ้อนทับอยู่บนการ์ดที่มีขอบบางๆ บนพื้นหลังสีขาวนวล
  • PLATFORM — แกลเลอรี่ไวท์คิวบ์ภายใต้แสงไฟสปอตไลท์
  • Assembly Coffee London — ถ่านในโรงคั่วกาแฟมืดมิด พื้นหลังสีดำสนิทตัดกับภาพถ่ายสินค้าที่ส่องสว่างอย่างอบอุ่นและตัวอักษรเขียนหวัดแบบมีเชิง—ให้ความรู้สึกเหมือนเมนูกาแฟพิเศษที่พิมพ์ในยุคเที่ยงคืนแบบใต้ดิน
  • ARTWORLD — พาดหัวนิตยสารแฟชั่นบนผ้าลินินสีขาว
  • Structured — หอศิลป์ยุคเรเนซองส์บนกระดาษคล้ายดินน้ำมัน
  • Airbnb — ผนังแกลเลอรี่สีขาวเงียบสงบ มีเพียงที่คั่นหนังสือสีแดงปะการังชิ้นเดียว
  • VISIONNAIRE — ภาพถ่ายแฟชั่นสไตล์สตรีทบนพื้นหลังสีขาวสะอาดตา แบรนด์นี้มีลักษณะคล้ายกับหนังสือภาพที่พิมพ์ออกมา: ผืนผ้าใบสีขาวเรียบๆ หมึกสีดำคมชัด และแผงสีครีมโทนอบอุ่นเพียงแผงเดียวที่ใช้เป็นบล็อกสีเพื่อแสดงสินค้าหรือโลโก้
  • Letter — หอศิลป์ส่วนตัวที่จัดแสดงสิ่งประดิษฐ์แวววาวจากห้องเก็บรักษา พื้นที่จัดแสดงที่มีผนังสีดำซึ่งมีพาดหัวข่าวแบบมีเชิงลอยอยู่เหนือประติมากรรมโครเมียมบนผนังสีของหอศิลป์
  • Ramp — แผนกการเงินของกองบรรณาธิการ หน้ากระดาษขาวดำที่มีเครื่องหมายนีออนเพียงอันเดียว พื้นผิวของสิ่งพิมพ์แทบจะเป็นสีเดียว โดยมีเพียงเส้นสีเขียวมะนาวสดใสเส้นเดียวที่เปลี่ยนทุกปฏิสัมพันธ์ให้กลายเป็นสัญญาณทางการเงิน