דילוג לתוכן

עיצובי הירו לאתר

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

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

אזורי פתיחה

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

אזורי פתיחה

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

אזורי פתיחה

הירו רגוע למותג טבעי, עם כתמים בצבעי מרווה וחמר שמשנים צורה לאט מאחורי הכותרת.

אזורי פתיחה

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

אזורי פתיחה

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

אזורי פתיחה

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

אזורי פתיחה

שאלות נפוצות

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

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

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

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

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

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

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

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

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

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

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

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