רפרנסים לדפי נחיתה וסרטונים עם קלוד

כשכותבים לבינה מלאכותית "תעשה לי דף נחיתה", היא משלימה לבד את כל מה שלא אמרנו: צבעים, פונטים, מבנה, מרווחים ותנועה. ומה שהיא משלימה הוא מה שהכי נפוץ בכל אלפי הדפים שראתה, ולכן כל כך הרבה דפים שנבנו עם AI נראים אותו דבר. רפרנס מחליף את הניחוש בהחלטות: היא רואה דף אמיתי, מפרקת אותו לסקשנים, צבעים ותנועות, ובונה לפיו. במקום לכתוב "משהו נקי ויוקרתי" ולקוות שהיא תבין, מראים לה בדיוק למה מתכוונים. אותו דבר בסרטונים.

1. דפי נחיתה

איפה מוצאים השראה

• One Page Love - אתרים של עמוד אחד, וגם דוגמאות לפי סקשן.
• Land-book - אלפי דפי נחיתה לפי תחום.
• SaaS Landing Page - לפי סוג סקשן: מחירים, המלצות, שאלות נפוצות.
• Godly - עיצובים עם הרבה תנועה.
• 21st.dev ו-React Bits - כפתורים, כרטיסים ואנימציות מוכנים.

איך מראים את הדף לקלוד

1. הכי בטוח: הקלטת מסך. פותחים את האתר האמיתי ומקליטים (במק Cmd+Shift+5, ב-Windows Win+Shift+R). גוללים לאט מלמעלה עד למטה, עוברים עם העכבר על כפתורים, ושולחים לקלוד את ההקלטה.
2. קלוד בכרום. עם האקסטנשן של קלוד לכרום הוא פותח את הדף בעצמו, גולל ורואה אותו כמו שאתם רואים.
3. לשאול אותו. כותבים: "אתה יכול לפתוח את הדף בדפדפן שלך ולגלול בו?". אם הוא עונה שהוא רואה רק טקסט, חוזרים להקלטת מסך.

הפרומפט להעתקה

מצרפת הקלטת מסך של דף נחיתה שאהבתי.
תפרק אותו לסקשנים ותתאר את הסגנון: צבעים, פונטים, מרווחים ואנימציות.
לפי זה תבנה לי דף נחיתה ל[המוצר שלי], בעברית ומימין לשמאל.
תיקח את המבנה והתחושה, לא את הטקסטים, התמונות או הלוגו.

אייקונים, לוגואים ואנימציה ללוגו

• Lucide - אייקונים נקיים. מספיק לכתוב לקלוד "תשתמש באייקונים של Lucide".
• svgl - לוגואים של מותגים וכלים כקובצי SVG.
• LottieFiles - אנימציות קטנות מוכנות, להשראה או להורדה.

2. סרטונים

Prompt Motion

Prompt Motion היא גלריה של סרטוני אנימציה שנעשו עם קלוד, ולכל סרטון מצורף הפרומפט שיצר אותו.

1. בוחרים סגנון ופותחים סרטון שאהבתם.
2. לוחצים Copy ליד הפרומפט, או Customize כדי להתאים אותו אליכם.
3. מחליפים את הנושא, הצבעים והטקסטים בשלכם ומדביקים לקלוד.

ראיתם סרטון במקום אחר?

בדיוק כמו בדף נחיתה: מקליטים את הסרטון במסך ומצרפים את ההקלטה. עוד מקומות להשראה: Remotion showcase, HyperFrames ו-Dribbble.

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