דילוג לתוכן

דוגמאות לתפריטי ניווט מונפשים

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

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

תפריטי ניווט

תפריט מסך מלא

מגזיני חם

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

תפריטי ניווט

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

תפריטי ניווט

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

תפריטי ניווט

תפריט יוקרה שחור

יוקרה שחורה

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

תפריטי ניווט

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

תפריטי ניווט

סרגל ניווט ל־Hill 412 עם קו הדגשה שגולש בין הקישורים, וכפתור פעולה שנמעך קלות בלחיצה.

תפריטי ניווט

סרגל ניווט ל־Crumb & Co. עם קו הדגשה שגולש בין הקישורים, וכפתור פעולה שנמעך קלות בלחיצה.

תפריטי ניווט

שאלות נפוצות

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

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

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

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

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

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

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

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

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

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

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

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