Tailwind CSS

จานสี

ยี่ห้อ

• Syntax Sky #00a6f4
• Syntax Cyan #74d4ff

เป็นกลาง

• Ink Black #030712
• Slate Mist #4a5565
• Slate Mid #6a7282
• Slate Cool #364153
• Steel Veil #90a1b9
• Fog Line #cad5e2

การจัดพิมพ์

จาก 12 เป็น 96 พิกเซล · 6 ขั้นตอน

• Inter — ทดแทน: Inter (Google Fonts — this is already Inter) · โครงร่าง 400, 500, 600, 700
• IBM Plex Mono (plexMono) — ทดแทน: IBM Plex Mono (Google Fonts) · โครงร่าง 400, 500, 600

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

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

• Avoice — แต้มสีเขียวมะนาวเล็กน้อยลงบนภาพวาดยามเที่ยงคืน สร้างส่วนต่างๆ ของหน้ากระดาษที่ดูเบาและเหมือนเอกสาร โดยใช้พื้นหลังสีดำสนิทสำหรับขั้นตอนการผลิต จากนั้นใช้สีเขียวมะนาวสดใสเป็นตัวบ่งชี้ที่มองเห็นได้ชัดเจนสำหรับการเปลี่ยนแปลง การเลือก และคำอธิบายประกอบทางสถาปัตยกรรม
• Bee — เครื่องรางสีเหลืองทองอร่ามดุจน้ำผึ้ง สร้างสรรค์แต่ละหน้าจอให้เหมือนหน้าหนังสือภาพที่สัมผัสได้: ภาพผลิตภัณฑ์ที่สวมใส่บนข้อมืออย่างใกล้ชิด จัดวางในกรอบโค้งมนอย่างลงตัว ควบคู่กับตัวอักษรหนาเกือบดำบนพื้นหลังสีเหลืองหรือสีกลางอ่อนๆ
• AI for Business — โชว์รูมสำหรับการถ่ายภาพสไตล์บรูทาลิสต์ในโทนสีเทาอบอุ่น
• Superhuman — คณะบรรณาธิการช่วงเวลาแสงสีทอง
• Visitors — ภาพวาดทางวิศวกรรมสีขาว
• Vercel — พิมพ์เทอร์มินัลลงบนกระดาษสีขาว
• Jeton — บทความบรรณาธิการเกี่ยวกับฟินเทคบนหินอ่อนสีอบอุ่น
• ClickUp — หน้าแดชบอร์ดอันทรงพลังบนพื้นหลังหินอ่อนสีขาว หน้าเว็บนี้เป็นโบรชัวร์ผลิตภัณฑ์สำหรับเครื่องมือเพิ่มประสิทธิภาพการทำงาน ดังนั้นภาษาภาพจึงยืมมาจากตัวผลิตภัณฑ์เอง ได้แก่ รายการหนาแน่น ตัวบ่งชี้สถานะ กลุ่มรูปประจำตัว และข้อความตัวหนาที่ดูเหมือนข้อมูลจำเพาะของผลิตภัณฑ์ที่แสดงอยู่
• Dock — กระดาษสีครีมลายแสงอาทิตย์ โคบอลต์พัลส์
• Quizlet — ห้องเรียนตกแต่งด้วยสีสันหลากหลายตัดกับพื้นหลังสีขาว โต๊ะเรียนที่เงียบสงบ มีเพียงการ์ดสีพาสเทลสี่ใบเป็นจุดเด่นสีสดใสเพียงอย่างเดียว ตัดกับผนังสีเทาเย็นตา และรอยขีดเขียนด้วยปากกาสีครามเพียงจุดเดียว
• Airtable — ห้องสัมมนาบรรยากาศอบอุ่น โดยแบ่งเป็นบทต่างๆ ด้วยสีที่แตกต่างกัน
• Headspace — มุมพักผ่อนที่อบอุ่นและสดใสบนกระดาษเนื้อนุ่ม

แคตตาล็อกของสไตล์ต่างๆ แยกตามหมวดหมู่