דילוג לתוכן

דוגמאות לעיצוב טפסים

בטופס מבקרים הופכים לפניות. הטפסים כאן שומרים על כל שלב קטן, נותנים משוב מיידי והופכים את השליחה לחוויה נעימה.

טופס יצירת קשר עם תוויות צפות וקו כחול שמצטייר מתחת לשדה הפעיל, ושליחה שמעיפה את החץ.

טפסים

בריף לפרויקט בשלושה שלבים עם בחירת צ'יפים, תקציב ופס התקדמות, ומעברים שמחליקים לפי הכיוון.

טפסים

שדה קוד בן שש ספרות שבו כל ספרה נוחתת כמו מקש במכונת כתיבה, ובסוף מוטבעת חותמת אימות.

טפסים

סליידר תקציב עם ידית שנמעכת כשתופסים אותה, סרגל שנתות ומחיר שמתעדכן בזמן הגרירה.

טפסים

טופס קומפקטי ל־Ben-Ami & Katz: בוחרים שירות מתוך צ׳יפים קופצניים, מקלידים מייל עם קו תחתון שמצטייר, ומקבלים אישור עם חותמת.

טפסים

טופס קומפקטי ל־Fieldnote Roasters: בוחרים שירות מתוך צ׳יפים קופצניים, מקלידים מייל עם קו תחתון שמצטייר, ומקבלים אישור עם חותמת.

טפסים

טופס הזמנה קומפקטי ל־Petal & Stem: בוחרים שירות מצ׳יפים קפיציים, מקלידים מייל עם קו תחתון שמצטייר, ומקבלים אישור עם חותמת.

טפסים

שאלות נפוצות

מה זה דוגמית עיצוב?

ספרייה חינמית של עיצובי אתרים שלמים. כל עיצוב רץ חי בדפדפן ומגיע עם פרומפט מפורט שאפשר להדביק ב-Claude כדי לבנות אותו. רכיבים בודדים נמצאים בנפרד, במעבדת הרכיבים.

איך משתמשים בפרומפט ל-Claude כדי לעצב אתר?

פותחים עיצוב, לוחצים על „העתקת הפרומפט” ומדביקים ב-Claude. מקבלים רכיב React שלם עם Tailwind CSS ו-Framer Motion שאפשר לשלב באתר Next.js.

העיצובים חופשיים לשימוש?

כן. כל העיצובים והקוד חופשיים לשימוש בפרויקטים אישיים ומסחריים לפי רישיון MIT.

איך גורמים לאתר שנבנה עם AI לא להיראות כמו AI?

מתחילים משפת עיצוב ברורה ולא מברירות מחדל: זוג פונטים שנבחר בכוונה, פלטה קפדנית עם צבע הדגשה אחד ותנועה עם פיזיקה של קפיץ. כל פרומפט כאן מפרט את הבחירות האלה.

אילו סגנונות עיצוב יש באתר?

28 שפות עיצוב, בהן ניאו־ברוטליזם, באוהאוס, שוויצרי, מינימליזם יפני, יוקרה כהה, רטרו שנות ה־70, ממפיס, Y2K, קליימורפיזם, ריזוגרף, ארט דקו ו־8 ביט.

אפשר להזמין אתר מותאם לעסק שלי?

כן. ממלאים את הבריף בדף הבית ומקבלים תשובה תוך יום עבודה אחד.