Tailwind CSS
ตัวอย่างแบบอักษรที่ใช้สาธิตผลิตภัณฑ์ คือแบบร่างแบบอักษรที่ชื่อเรื่องเป็นส่วนติดต่อผู้ใช้ โดยเน้นด้วยแบบอักษรสีดำตัวหนาขนาด 96 พิกเซล และดึงดูดความสนใจด้วยขนาดของมันเพียงอย่างเดียว
จานสี
ยี่ห้อ
- 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
ช่วงเวลาและรูปแบบ
| วัตถุประสงค์ | ความหมาย |
|---|---|
| ความหนาแน่น | กว้างขวาง |
| ขั้นตอนพื้นฐาน | 16px |
| รัศมีปุ่ม | 32px (pill CTA), 4px (code/tag badges) |
| รัศมีการ์ด | 8px |
| เงา | ไม่ - ใช้เส้นขอบแทนเงา |
| ระหว่างส่วนต่างๆ | 96px |
| ความกว้างของหน้า | 1280px |
AI จะสร้างเว็บไซต์ของคุณในสไตล์ของ Tailwind CSS และเติมข้อมูลลงไป
- ใส่สินค้าและโพสต์ผ่านลิงก์ - Instagram, TikTok, Facebook
- ย้ายเนื้อหาจากเว็บไซต์เก่าของคุณ—เพียงระบุที่อยู่เว็บไซต์
- ดีไซน์ทันสมัยบนเอนจิ้นที่ดีที่สุด: React ( Next.js) พร้อมการเรนเดอร์ฝั่งเซิร์ฟเวอร์และการเพิ่มประสิทธิภาพ SEO ในตัว
- การเพิ่มประสิทธิภาพ SEO แบบอัตโนมัติเต็มรูปแบบสำหรับผลการค้นหาและคำแนะนำจากโครงข่ายประสาทเทียม
สไตล์ที่คล้ายกัน
- AI for Business — โชว์รูมสำหรับการถ่ายภาพสไตล์บรูทาลิสต์ในโทนสีเทาอบอุ่น
- Superhuman — คณะบรรณาธิการช่วงเวลาแสงสีทอง
- Visitors — ภาพวาดทางวิศวกรรมสีขาว
- Vercel — พิมพ์เทอร์มินัลลงบนกระดาษสีขาว
- Jeton — บทความบรรณาธิการเกี่ยวกับฟินเทคบนหินอ่อนสีอบอุ่น
- ClickUp — หน้าแดชบอร์ดอันทรงพลังบนพื้นหลังหินอ่อนสีขาว หน้าเว็บนี้เป็นโบรชัวร์ผลิตภัณฑ์สำหรับเครื่องมือเพิ่มประสิทธิภาพการทำงาน ดังนั้นภาษาภาพจึงยืมมาจากตัวผลิตภัณฑ์เอง ได้แก่ รายการหนาแน่น ตัวบ่งชี้สถานะ กลุ่มรูปประจำตัว และข้อความตัวหนาที่ดูเหมือนข้อมูลจำเพาะของผลิตภัณฑ์ที่แสดงอยู่
- Dock — กระดาษสีครีมลายแสงอาทิตย์ โคบอลต์พัลส์
- Quizlet — ห้องเรียนตกแต่งด้วยสีสันหลากหลายตัดกับพื้นหลังสีขาว โต๊ะเรียนที่เงียบสงบ มีเพียงการ์ดสีพาสเทลสี่ใบเป็นจุดเด่นสีสดใสเพียงอย่างเดียว ตัดกับผนังสีเทาเย็นตา และรอยขีดเขียนด้วยปากกาสีครามเพียงจุดเดียว
- Airtable — ห้องสัมมนาบรรยากาศอบอุ่น โดยแบ่งเป็นบทต่างๆ ด้วยสีที่แตกต่างกัน
- Headspace — มุมพักผ่อนที่อบอุ่นและสดใสบนกระดาษเนื้อนุ่ม
- Foodnoms — ตลาดผลไม้ที่สดใสท่ามกลางแสงแดดบนพื้นกระเบื้องเคลือบสีขาว – ส้มสีอบอุ่น ผักสด และรูปทรงกลมมนอวบอิ่ม
- WHOOP — ห้องทดลองการแสดงยามเที่ยงคืน - โต๊ะห้องปฏิบัติการสีขาววางเรียงอยู่ใต้ฉากละครสีดำอันว่างเปล่า มีเพียงแสงไฟฟ้าสีม่วงวาบเดียว