
Anthropic
วารสารภาคสนามทางวิทยาศาสตร์บนกระดาษหนังลูกวัวสีอบอุ่น—พื้นผิวสีงาช้างเรียบลื่น หัวข้อบรรณาธิการแบบมีเชิง และรายละเอียดสีดินเหนียวเพียงจุดเดียวที่ปรากฏขึ้นเฉพาะเมื่อจำเป็นต้องมีการดำเนินการ
อินเทอร์เฟซของ Anthropic ให้ความรู้สึกเหมือนสิ่งพิมพ์ทางวิทยาศาสตร์ที่คัดสรรมาอย่างดีบนกระดาษ parchment สีโทนกลางอย่างสีงาช้างและสีข้าวโอ๊ตเข้ามาแทนที่โทนสีเทาเย็นๆ ที่มักใช้ในการออกแบบที่ได้รับแรงบันดาลใจจากเทคโนโลยี ทำให้ทุกพื้นผิวมีสัมผัสเหมือนกระดาษ ซึ่งเข้ากันได้ดีกับแบบอักษร serif ที่ออกแบบมาเป็นพิเศษ ซึ่งใช้ในขนาดที่ไม่เคยมีมาก่อนทั้งสำหรับข้อความหลักและหัวข้อ มีเพียงสีดินเหนียวเล็กน้อยที่ปรากฏขึ้นเฉพาะในช่วงเวลาที่มีการเคลื่อนไหวเท่านั้น ส่วนอื่นๆ ยังคงสงบและเรียบง่าย ส่วนประกอบต่างๆ มีลักษณะแบนราบ เส้นขอบบางๆ และรัศมีที่มุมล่างบางส่วนเข้ามาแทนที่เงาตกกระทบในฐานะภาษาการออกแบบ โดยใช้แบบอักษร sans-serif สำหรับองค์ประกอบของอินเทอร์เฟซ และแบบอักษร serif สำหรับการแสดงออกทางอารมณ์
การออกแบบโดดเด่นด้วยภาพประกอบทางวิทยาศาสตร์แบบวินเทจ: หน้าแรกมีภาพตัดปะทางพฤกษศาสตร์/สัตววิทยาของผีเสื้อและผีเสื้อกลางคืนจำนวนมาก ซึ่งวาดในสไตล์ภาพประกอบธรรมชาติแบบคลาสสิกที่ชวนให้นึกถึงคู่มือภาคสนามในศตวรรษที่ 19 ภาพประกอบมีสีโทนอบอุ่นเพื่อให้กลมกลืนกับพื้นหลังที่เป็นกระดาษ parchment มากกว่าที่จะโดดเด่นออกมา ไม่มีภาพถ่าย ภาพหน้าจอผลิตภัณฑ์ หรือการไล่ระดับสีแบบนามธรรม ไอคอนมีน้อยมาก—ลูกศรขนาดเล็กสำหรับเมนูแบบดรอปดาวน์และตัวบ่งชี้เชิงเส้นที่กระจัดกระจาย โดยใช้โทนสีอบอุ่นและเป็นกลางเดียวกันกับข้อความเสมอ ความหนาแน่นของภาพต่ำ: ข้อความขนาดใหญ่และพื้นที่ว่างสีขาวมีมากกว่า และภาพจะปรากฏเฉพาะภายในขอบเขตของหน้าแรกเท่านั้น
จานสี
ยี่ห้อ
- Clay
#d97757— ปุ่มกระตุ้นการดำเนินการที่เติมสี (เช่น "ยอมรับการยินยอมใช้คุกกี้") เป็นสีเน้นเพียงสีเดียวในระบบ ซึ่งเป็นเฉดสีเทอร์ราคอตต้าอบอุ่นที่อยู่ในกลุ่มโทนสีเอิร์ธโทน ไม่ใช่สีฟ้าแบบทั่วไปที่ใช้ใน UI - Clay Deep
#c6613f— สถานะการวางเมาส์เหนือ/การกดสำหรับปุ่มกระตุ้นการกระทำของ Clay และโทเค็นมาตรฐานที่มีเครื่องหมายกำกับเสียง เป็นเวอร์ชันที่ลึกซึ้งกว่าของเครื่องหมายกำกับเสียงพื้นฐาน
เป็นกลาง
- Slate Dark
#141413— เนื้อหาหลัก หัวข้อ พื้นหลังส่วนท้าย เส้นขอบบาง ๆ - เกือบดำสนิทแต่มีโทนสีอบอุ่นเล็กน้อย ไม่ใช่สีดำสนิทเลย - Ivory Medium
#f0eee6— พื้นหลังของหน้ากระดาษและพื้นที่ขนาดใหญ่ถูกเติมเต็มด้วยสีโทนกระดาษหนัง ซึ่งช่วยสร้างบรรยากาศอบอุ่นโดยรวม - Ivory Light
#faf9f5— พื้นผิวที่ทำจากกระดาษแข็ง แผ่นนูน และปุ่มกด ให้ความสว่างมากกว่าผ้าใบ ทำให้เกิดเอฟเฟ็กต์แบบหลายชั้นโดยปราศจากเงา - Cloud Medium
#b0aea5— ข้อความเสริมที่ดูเรียบง่าย องค์ประกอบการนำทางที่ไม่ทำงาน ป้ายกำกับเพิ่มเติม—รูปแบบที่เป็นกลางซึ่งกลมกลืนไปกับพื้นหลังโดยไม่หายไปไหน - Cloud Dark
#87867f— กรอบปุ่มแบบมีเส้นขอบ ตัวแบ่งที่มีความคมชัดปานกลาง - Stone
#cccbc8— เส้นแบ่งและขอบเขตที่ละเอียดอ่อนระหว่างส่วนต่างๆ สามารถมองเห็นได้ แต่ไม่ชัดเจนจนเกินไป
การจัดพิมพ์
จาก 12 เป็น 68 พิกเซล · 6 ขั้นตอน
- Anthropic Serif — ทดแทน: Georgia · โครงร่าง 400, 600 · รูปแบบการจัดหน้าแบบบรรณาธิการ – ใช้สำหรับหัวเรื่องขนาด 68 พิกเซล ข้อความหลักขนาด 20 พิกเซล ชื่อการ์ด และย่อหน้าสนับสนุน แบบอักษรมีเชิง (serif) ช่วยเพิ่มบุคลิกให้กับข้อความ การใช้แบบอักษรนี้ในข้อความหลัก (ซึ่งไม่ค่อยพบในเว็บไซต์ทางเทคนิค) บ่งชี้ว่านี่เป็นเอกสารงานวิจัย ความหนาตัวอักษร 400 เป็นค่าเริ่มต้น และ 600 ใช้สำหรับการเน้นข้อความ
- Anthropic Sans — ทดแทน: Inter · โครงร่าง 400, 500, 600, 700 · ส่วนติดต่อผู้ใช้และการแสดงผลของแบบอักษร sans-serif ประกอบด้วยลิงก์นำทาง ปุ่ม ส่วนท้าย ไอคอน และหัวข้อ sans-serif ตัวหนาขนาด 61px น้ำหนัก 700 แบบอักษร sans-serif ขนาด 61px ถูกจัดวางไว้ข้างๆ แบบอักษร serif ขนาด 68px โดยตั้งใจสร้างระบบคู่ขนาน: แบบอักษร sans-serif แสดงถึงข้อความบอกเล่า ในขณะที่แบบอักษร serif ให้ความรู้สึกเหมือนบทความเชิงบรรณาธิการ
- Anthropic Mono — ทดแทน: JetBrains Mono · โครงร่าง 400 · ใช้เฉพาะในโค้ดหรือส่วนย่อยทางเทคนิคเท่านั้น - หายาก
ช่วงเวลาและรูปแบบ
| วัตถุประสงค์ | ความหมาย |
|---|---|
| ความหนาแน่น | หนาแน่น |
| ขั้นตอนพื้นฐาน | 8px |
| รัศมีปุ่ม | 8px (bottom-only on filled variants), 12px (outlined) |
| รัศมีการ์ด | 24px |
| เงา | ไม่ - ใช้เส้นขอบแทนเงา |
| ระหว่างส่วนต่างๆ | 80-120px |
| ความกว้างของหน้า | 1280px |
AI จะสร้างเว็บไซต์ของคุณในสไตล์ของ Anthropic และเติมข้อมูลลงไป
- ใส่สินค้าและโพสต์ผ่านลิงก์ - Instagram, TikTok, Facebook
- ย้ายเนื้อหาจากเว็บไซต์เก่าของคุณ—เพียงระบุที่อยู่เว็บไซต์
- ดีไซน์ทันสมัยบนเอนจิ้นที่ดีที่สุด: React ( Next.js) พร้อมการเรนเดอร์ฝั่งเซิร์ฟเวอร์และการเพิ่มประสิทธิภาพ SEO ในตัว
- การเพิ่มประสิทธิภาพ SEO แบบอัตโนมัติเต็มรูปแบบสำหรับผลการค้นหาและคำแนะนำจากโครงข่ายประสาทเทียม
สไตล์ที่คล้ายกัน
- ElevenLabs — ภาพถ่ายเชิงสารคดีในโทนสีครีมอบอุ่น พร้อมหัวข้อข่าวที่ไม่ฉูดฉาด สมุดบันทึกสไตล์เบาเฮาส์—กระดาษสีเปลือกไข่ หมึกสีดำ และสีม่วงและสีส้มเพียงเล็กน้อยสำหรับตกแต่งเพื่อแสดงสินค้า
- Awesomic — แผ่นตาข่ายสังกะสีสำหรับงานบรรณาธิการ พร้อมเครื่องหมายวรรคตอนสีส้มที่ชวนให้นึกถึงกระดาษโปรย
- Monad — บทบรรณาธิการวารสารทางเทคนิคเกี่ยวกับกระดาษหนังอุ่น
- Dub — แผงควบคุมกระดาษข้าวแบบด้านของ Link
- Seline Analytics — โต๊ะวิเคราะห์ที่เงียบสงบ บนกระดาษอุ่นๆ
- Notion — สมุดบันทึกกระดาษอุ่นๆ ท่ามกลางแสงแดดกลางวัน
- Calendly — หมึกสีน้ำเงินเข้มบนหินอ่อนเย็น
- Augen Pro — การตกแต่งสีขาวของ Apple โดดเด่นด้วยสีฟ้าสดใสที่ดูสะอาดตาและไร้น้ำหนัก เป็นเพียงสีเดียวที่ใช้เป็นจุดเด่นในพื้นที่สีขาวดำ
- Antimetal — บันทึกบรรณาธิการบนกระดาษสีครีม—เช้าอันเงียบสงบในวารสารวิทยาศาสตร์ ที่ซึ่งความยับยั้งชั่งใจสื่อถึงความมั่นใจ และตัวอักษรแบบมีเชิงช่วยเน้นความสำคัญ
- Perk — มะนาวไฟฟ้าบนกระดาษไขอุ่น
- Ditto — ห้องทำงานที่สว่างไสวด้วยแสงแดด กำลังสร้างสรรค์ตัวอย่างดอกไม้ป่า พื้นผิวสีครีมอบอุ่น สีเหลืองสดใสเป็นสีพื้นฐาน หมึกสีน้ำเงินเข้ม รูปทรงสีสันแบบธรรมชาติเบ่งบานอยู่ด้านหลังชิ้นงาน
- Officevibe — นิตยสารบทความบนกระดาษสีครีมโทนอบอุ่น ลองนึกภาพบทความเชิงลึกเกี่ยวกับการบริหารทรัพยากรบุคคล ที่นำเสนอในรูปแบบของผลิตภัณฑ์—ตัวอักษรเขียนหวัดแบบมีเชิงที่กระซิบเบาๆ บนพื้นหลังสีฟ้าทันสมัย