Flying Papers
คำสารภาพในรายการการ์ตูนเช้าวันเสาร์
Flying Papers ทำงานเหมือนการ์ตูนเช้าวันเสาร์ที่พิมพ์บนกระดาษริโซกราฟหนา: ฉากสีม่วงเรียบๆ สีสันสดใสกระจัดกระจายเหมือนกระดาษโปรย และตัวอักษรขนาดใหญ่จนกินพื้นที่การมองเห็นทั้งหมด การสร้างแบรนด์นั้นโดดเด่น กล้าหาญ และไม่ประนีประนอม—มันไม่ได้เรียกร้องความสนใจ แต่ดึงดูดความสนใจต่างหาก แต่ละหน้าจอถูกออกแบบมาให้รู้สึกเหมือนโปสเตอร์ขนาดใหญ่ชิ้นเดียว: หัวข้อหลักหนึ่งหัวข้อ ภาพประกอบตัวละครหนึ่งภาพ การกระทำในข้อความหนึ่งอย่าง และพื้นที่ว่างสีขาวมากมาย กรอบทำหน้าที่หลักแทนเงา สีถูกใช้เป็นเหมือนสีทา ไม่ใช่ข้อมูล พื้นผิวเรียบ ขอบคมชัดที่ 6 พิกเซล และจุดอ่อนเพียงจุดเดียวในระบบคือปุ่มออกที่มีขนาด 100 พิกเซล
รูปแบบโปสเตอร์แบบเต็มหน้าจอโดยไม่มีข้อจำกัดความกว้างสูงสุด แต่ละหน้าจอเป็นองค์ประกอบเดียวขนาดเท่ากับพื้นที่แสดงผล: หัวข้อ ObviouslyVariable ขนาดใหญ่หนึ่งหัวข้อ จัดกึ่งกลางหรือจัดชิดซ้าย ภาพประกอบมาสคอตหนึ่งภาพซ้อนทับข้อความ และแอ็กชันขนาดเล็กอยู่ด้านล่าง ส่วนต่างๆ ไม่สลับสีอ่อนและสีเข้ม—ทั้งหน้าถูกจัดวางบนพื้นสีม่วงทไวไลท์ โดยมีแผ่นการ์ดสีทึบอยู่ด้านบน การนำทางใช้โลโก้เดียวที่อยู่ตรงกลางโดยไม่มีแถบเมนู การ์ดจัดเรียงในรูปแบบ 2-3 คอลัมน์แบบหลวมๆ โดยมีช่องว่างระหว่างการ์ดกว้างขวาง ขนาดของการ์ดขึ้นอยู่กับเนื้อหามากกว่าที่จะเป็นขนาดเดียวกัน ความหนาแน่นสูงมาก: หนึ่งไอเดียต่อหนึ่งหน้าจอ ล้อมรอบด้วยพื้นที่ว่างสีม่วง
มีเพียงภาพประกอบเท่านั้น ไม่มีภาพถ่าย ภาพเรนเดอร์ 3 มิติ หรือการไล่ระดับสีแบบนามธรรม ภาษาภาพเป็นแบบการ์ตูนวาดด้วยมือ มีเส้นขอบสีดำหนา (2–3 พิกเซล) การเติมสีแบบเรียบๆ 2–3 สี และไม่มีการแรเงา ตัวละครเป็นมาสคอตที่โต้ตอบกับตัวอักษร (โผล่หน้าออกมา พิง หรือยืนอยู่บนตัวอักษร) ไอคอนวาดด้วยเส้นสีดำ (Pure) หรือสีขาว (Bone) โดยมีความกว้างของเส้น 1.5–2 พิกเซล ภาพเหล่านี้สร้างบรรยากาศเพื่อการตกแต่งเป็นหลัก ไม่ได้อธิบายอะไร ตัวอักษรสื่อความหมาย ตัวละครสื่ออารมณ์
จานสี
ยี่ห้อ
- Dusk Violet
#8584bd— ภาพวาดหลักและพื้นหลังหลักเป็นเวทีที่สีอื่นๆ ทั้งหมดปรากฏขึ้น - Hi-Vis Yellow
#f4ed36— สีเหลืองใช้สำหรับเน้นเส้นขอบการกระทำ ป้ายกำกับลิงก์ และองค์ประกอบแบบโต้ตอบ ไม่ควรใช้เป็นสีหลักสำหรับคำกระตุ้นการตัดสินใจ - Buttery Yellow
#f9cc73— ข้อความเพิ่มเติมบนหน้าจอและขอบที่นุ่มนวลกว่าช่วยให้สีสะท้อนแสงดูไม่ฉูดฉาดเกินไป เหมาะสำหรับสถานการณ์ที่การใช้สีสะท้อนแสงมากเกินไปอาจดูไม่เหมาะสม - Lilac Shadow
#61609a— พื้นหลังของการ์ดและบล็อกจะมีสีม่วงเข้มกว่าสำหรับพื้นผิวที่ซ้อนกันบนเวทีสีม่วง
เป็นกลาง
- Bubblegum Pink
#f8c1ba— ขอบตกแต่งและลูกปัดสีชมพูอ่อนใช้โทนสีชมพูอบอุ่นในปริมาณที่พอเหมาะเพื่อสร้างสีสันที่โดดเด่น - Matcha Cream
#b5c995— ขอบตกแต่งและเศษกระดาษโปรยปรายช่วยเพิ่มโทนสีเขียวอมฝุ่นให้กับตัวละครรองบนการ์ด - Magenta Punch
#ac4f98— พื้นผิวเพิ่มเติมสำหรับแผ่นเน้นเสียง - ออกแบบมาสำหรับบล็อกเอฟเฟ็กต์ที่ควรให้เสียงดังกว่าบนเวที - Firecracker Red
#c94245— ใช้สีแดงเติมเพื่อเน้นพื้นหลัง ลายเส้นตกแต่ง และสีสันอ่อนๆ ด้านหลังเนื้อหา - Bone White
#f9f5f2— เส้นขอบบางๆ เส้นแบ่ง เส้นขอบช่องป้อนข้อมูล และขอบการ์ดบนพื้นผิวสีอ่อน หลีกเลี่ยงการใช้สีนี้เป็นสีหลักสำหรับปุ่มกระตุ้นการดำเนินการ - Ink Black
#1a1a1a— ตัวอักษรหลัก เส้นขอบหลัก และเส้นขอบปุ่มมีสีเกือบดำ ซึ่งใช้สำหรับงานพิมพ์บนพื้นผิวสีครีม
การจัดพิมพ์
จาก 10 เป็น 341 พิกเซล · 8 ขั้นตอน
- ObviouslyVariable — ทดแทน: Founders Grotesk Condensed · โครงร่าง 800, 900 · แบบอักษรตระกูลนี้เหมาะสำหรับใช้เป็นหัวข้อข่าวและงานพิมพ์ขนาดใหญ่ และเป็นแบบอักษรเดียวที่เด่นชัดพอสำหรับระบบนี้ ขนาดมีตั้งแต่ 18 พิกเซลสำหรับข้อความหลัก ไปจนถึง 341 พิกเซลสำหรับการแสดงผลแบบโปสเตอร์ ระยะห่างระหว่างบรรทัดที่แคบ 0.80–1.00 ช่วยให้หัวข้อข่าวหลายบรรทัดแสดงผลเป็นบล็อกสีทึบได้ ฟังก์ชัน Calt ถูกปิดใช้งาน ดังนั้นรูปทรงเรขาคณิตขนาดใหญ่จึงไม่มีการตกแต่งใดๆ แบบอักษรทางเลือกอื่นๆ: Founders Grotesk Condensed, Knockout หรือ Druk Wide
- DegularVariable — ทดแทน: Inter · โครงร่าง 400 · ข้อความ UI ขนาดเล็กมาก—ข้อความนำทาง ข้อความขนาดเล็กในส่วนท้าย และป้ายกำกับแบบแทรกในเนื้อหา มีขนาด 10 พิกเซล ใช้แบบอักษรที่เป็นกลางและใช้งานได้หลากหลาย กลมกลืนกับข้อความหลักได้อย่างลงตัว แบบอักษรทดแทน: Inter, IBM Plex Sans
- bergen_monoregular — ทดแทน: JetBrains Mono · โครงร่าง 400, 600 · ฟอนต์ขนาดเล็กแบบตัวอักษรคงที่ (monospaced) สำหรับการนำทาง แท็ก และป้ายกำกับข้อมูลขนาดเล็ก สร้างจังหวะการพิมพ์แบบเครื่องพิมพ์ดีดบนหน้าจอโค้งมน ระยะห่างระหว่างบรรทัด 0.80 ในฟอนต์แบบตัวอักษรคงที่นี้เป็นเอกลักษณ์เฉพาะตัว: ฟอนต์แบบตัวอักษรคงที่ที่จัดเรียงอย่างแน่นหนาให้ความรู้สึกเหมือนใบเสร็จรับเงิน ทางเลือกอื่น: JetBrains Mono, IBM Plex Mono
ช่วงเวลาและรูปแบบ
| วัตถุประสงค์ | ความหมาย |
|---|---|
| ความหนาแน่น | หนาแน่น |
| ขั้นตอนพื้นฐาน | 17px |
| รัศมีปุ่ม | 100px |
| รัศมีการ์ด | 6px |
| เงา | ไม่ - ใช้เส้นขอบแทนเงา |
| ระหว่างส่วนต่างๆ | 40px |
AI จะสร้างเว็บไซต์ของคุณในสไตล์ของ Flying Papers และเติมข้อมูลลงไป
- ใส่สินค้าและโพสต์ผ่านลิงก์ - Instagram, TikTok, Facebook
- ย้ายเนื้อหาจากเว็บไซต์เก่าของคุณ—เพียงระบุที่อยู่เว็บไซต์
- ดีไซน์ทันสมัยบนเอนจิ้นที่ดีที่สุด: React ( Next.js) พร้อมการเรนเดอร์ฝั่งเซิร์ฟเวอร์และการเพิ่มประสิทธิภาพ SEO ในตัว
- การเพิ่มประสิทธิภาพ SEO แบบอัตโนมัติเต็มรูปแบบสำหรับผลการค้นหาและคำแนะนำจากโครงข่ายประสาทเทียม
สไตล์ที่คล้ายกัน
- Navigate — สติกเกอร์ชุดใหญ่ติดอยู่บนกระดาน: ตัวอักษรขนาดใหญ่แบบประหลาด ทั้งหมดอยู่ในรูปทรงของแผ่นป้ายและไอคอนหลากสีห้าแบบ ซ้ำกันเหมือนโลโก้
- Hatch — งานออกแบบสไตล์ภาพวาดด้วยมือแบบใต้ดิน ผสมผสานกับชามใส่ลูกอมสีพาสเทล พื้นหลังกระดาษสีครีมประดับด้วยสีเขียวมิ้นต์ จุดสีเหมือนกระดาษโปรย และข้อความกระตุ้นให้ลงมือทำรูปทรงคล้ายเม็ดยา โดยใช้ตัวอักษรแบบมีเชิงขนาดใหญ่และตัวหนาที่สื่อถึงความสนุกสนาน และมีมาสคอตสีฟ้าขยิบตาอยู่ที่มุมภาพ
- Wonder — ศูนย์บัญชาการสีม่วงนีออนเป็นความมืดมิดสีพลัมเข้มที่ถูกเจาะทะลุด้วยแหล่งกำเนิดแสงสีม่วงเลเซอร์เพียงแหล่งเดียว
- Duolingo — มาสคอตประจำห้องเรียนสุดน่ารักบนกระดาษสีขาว
- Family — ภาพประกอบจากนิทานบนกระดาษปาร์ชเมนต์สีครีม
- Visitors — ภาพวาดทางวิศวกรรมสีขาว
- Say Briefly — สมุดร่างภาพสำหรับเอเจนซี่สร้างสรรค์ บนกระดาษสีครีม
- Superpower — ศูนย์จัดการสุขภาพเรืองแสง
- Dopper — ทะเลสาบสีครีมที่อาบแสงแดด มีกระแสน้ำสีฟ้าสดใสไหลผ่าน พื้นที่สีเบจอบอุ่นกว้างใหญ่ ที่มีลำน้ำสีฟ้าสดใสเพียงสายเดียว และผืนน้ำใสราวกับลูกอมตัดผ่านราวกับแสงแดดที่ส่องกระทบผิวน้ำ
- Dock — กระดาษสีครีมลายแสงอาทิตย์ โคบอลต์พัลส์
- Portrait — กำแพงแห่งความทรงจำที่บันทึกไว้ด้วยภาพถ่ายโพลารอยด์บนกระดาษสีครีม สมุดภาพสีครีมสดใสที่ใช้หมึกสีน้ำเงินเข้มเป็นตัวอักษร เส้นขอบ และกรอบเพียงอย่างเดียว พร้อมด้วยภาพวาดสายรุ้งที่วาดด้วยมือเพียงครั้งเดียว บนปุ่ม "ลงทะเบียน" และบนคำว่า "ตลอดไป" ที่เป็นตัวเอียง แล้วก็ไม่ปรากฏอีกเลย
- Quizlet — ห้องเรียนตกแต่งด้วยสีสันหลากหลายตัดกับพื้นหลังสีขาว โต๊ะเรียนที่เงียบสงบ มีเพียงการ์ดสีพาสเทลสี่ใบเป็นจุดเด่นสีสดใสเพียงอย่างเดียว ตัดกับผนังสีเทาเย็นตา และรอยขีดเขียนด้วยปากกาสีครามเพียงจุดเดียว