סוכנות או סטודיו · שלושה עמודים · עברית ו-RTL

נורת׳ליין

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

תצוגה חיה

מה בנוי בפנים

01
כותרת שעולה שורה אחרי שורה
עם תמונה שנפתחת מהצד ומדבקה שמסתובבת.
02
פורטפוליו שגוררים
כרטיסים גדולים, תנופה בשחרור וסמן ״גררו״.
03
תהליך שמתמלא
ארבעה שלבים שמתקדמים לבד ונעצרים במעבר.
04
מספרים ומשרות
מספרים שסופרים, ועמוד קריירה נפרד.
05
כפתור אחד, ארבע דרגות
חץ שיוצא באלכסון ומתחלף, בכל האתר.
06
גלילה כבדה ונעימה
גלגלת עם האטה, כמו באתרי סוכנויות.

אותו אתר. העסק שלכם.

שם הסטודיו

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

איך נוח לכם לבנות?

פותחים מקום לאתר שלכם
נכנסים ל-Lovable עם החשבון שלכם. בשלב הבא מחברים GitHub, וכך האתר עובר כמו שהוא.
מעבירים את הוראות הבנייה
הקבצים עצמם נכתבים ישר למאגר שלכם, אחד לאחד, עם כל התמונות. בלי AI באמצע ובלי קרדיטים.
1 · פותחים פרויקט ריק ב־Lovable ומחברים אותו ל־GitHub
בפרויקט חדש: התפריט שליד שורת הצ׳אט, GitHub, Connect project, ואז Create repository. Lovable יוצר מאגר בחשבון שלכם.
2 · מאשרים ל־Taste לכתוב למאגר הזה
פעם אחת: מתקינים את taste-delivery ובוחרים רק את המאגר שיצרתם. ההרשאה היא לקבצים במאגר הזה בלבד.
חיבור GitHub
3 · בוחרים מאגר ושולחים
בודקים אילו מאגרים מחוברים…
אפשר לפתוח את Lovable עם ההוראות מוכנות, או להעתיק ולהדביק אותן בצ׳אט. אתם בודקים ולוחצים על שליחה שם.
הופכים את האתר לשלכם
מעלים תמונות משלכם ומחליפים טקסטים ופרטי קשר. משווים לתצוגה במחשב ובטלפון, ומשפרים סקשן אחד בכל פעם. רק אחרי הבדיקה מחברים טפסים ומפרסמים.

הצגת ההוראות, JSON והעתקה ידנית

Implement this original Hebrew RTL Taste template in Lovable. Explain progress and setup in simple Hebrew.

NEW PROJECT: start in an empty project owned by the user. Use the platform's supported React setup; for a local coding agent propose the appropriate scaffold first. Do not clone the Taste product repository.

Follow the specification's section order, responsive geometry, typography and motion. This JSON is a reconstruction specification, not executable source code. Local /templates asset paths refer to Taste's preview, not files available in this project. Ask for owned images or an authorized source package; do not invent working asset URLs. Do not bundle proprietary Discovery font files.

Keep demo prices, reviews, unavailable dates and payment explicitly illustrative. Never collect real card details using the demo fields. Do not connect a CRM, send personal data, publish, purchase services or push a repository without separate owner approval.

Build and compare desktop and mobile, including RTL, keyboard controls and reduced motion. Then list what matches, what is unavailable and what still needs setup. Explain local version checkpoints and optional private GitHub backup without exposing credentials. Make subsequent changes section by section, not by rewriting the whole page.

כתיבת הטקסטים (חשוב): כתוב כמו קופירייטר ישראלי חד, לא כמו AI.
- עברית מדוברת וטבעית. משפטים קצרים. רעיון אחד בכל משפט.
- כותרת: 2 עד 7 מילים, עם עמדה או קריצה. לא תיאור יבש של השירות.
- הומור קטן שנולד מהעסק עצמו, לא בדיחה מודבקת. קריצה אחת לאזור מספיקה.
- ספציפי במקום כללי: שכונה, מספר אמיתי, פרט מהשטח. אם אין נתון אמיתי, אל תמציא. השאר [למלא] ושאל אותי.
- אסור: "פתרונות מקיפים", "חוויה ייחודית", "לקחת לשלב הבא", "מהפכני", "ברוכים הבאים", "אנו מתמחים", "בעולם של היום", "איכות ללא פשרות", ושלוש תכונות ברצף.
- בלי מקף ארוך (—) ובלי מקף בינוני (–). רק מקף רגיל (-) כשצריך.
- כפתור: פעולה ברורה ב-1 עד 3 מילים ("לקבוע נסיעת מבחן", לא "לחץ כאן").
- אל תשאיר מילה בודדת בשורה האחרונה של כותרת.
- לפני שאתה מסיים, קרא כל כותרת בקול. אם היא יכולה להופיע באתר של כל עסק אחר, כתוב אותה מחדש.

הקול של התבנית הזו (התאם לעסק שלי, אל תעתיק את הדוגמאות):
- הקהל: בעלי עסקים קטנים ובינוניים שעבדו עם סוכנות אחת יותר מדי.
- הקול: שנון, ציני במידה, צוחק על הקלישאות של סוכנויות. ישיר וחם.
- הכיוון (לא להעתיק, לכתוב בסגנון): "לא עוד סוכנות. טוב, כן. אבל טובה." · "יש לכם בריף? לנו יש קפה." · "בלי מצגת של 80 שקפים."

{
  "schemaVersion": "1.0.0",
  "id": "northline",
  "name": "Northline",
  "kind": "Original Hebrew RTL website for a small agency or studio, in three pages: home, about and services",
  "status": "Fictional demonstration. The studio, team, clients and work are placeholders.",
  "language": "he-IL",
  "direction": "rtl",
  "entry": "Northline",
  "stack": {
    "framework": "React",
    "styling": "CSS Modules scoped to the component",
    "font": "IBM Plex Sans Hebrew and Archivo from Google Fonts",
    "motion": "GSAP with ScrollTrigger for the headline and image reveals, a damped wheel glide, CSS for the rest"
  },
  "customization": {
    "how": "Every text, service, step, work and team member is a prop of AgencyOnePager with a default. Pictures are under the component's assets folder.",
    "rules": [
      "Use your own work and team photographs.",
      "Keep the one button component with its four variants."
    ]
  },
  "delivery": "Private source package, standalone. Images under /library-assets/agency-one-pager/assets/."
}

במצב המדויק הכלי מקבל את קוד התבנית עצמו. התמונות נטענות מהאתר של Taste עד שתחליפו אותן בשלכם, והפונט נטען מ-Google Fonts.

מחליפים תוכן? פרומפט מוכן

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

בתוך התבנית Northline (הקומפוננטה AgencyOnePager) החלף את הסטודיו והתוכן לעסק שלי, בלי לשנות את המבנה ואת העיצוב.

שם הסטודיו: [השם]
מה אתם עושים: [שירותים]
הצוות: [שמות ותפקידים]

מה לעדכן: ה-props של AgencyOnePager (כותרות, שירותים, שלבים, עבודות, צוות, פרטי קשר) והתמונות בתיקיית assets באותם שמות.

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

כתיבת הטקסטים (חשוב): כתוב כמו קופירייטר ישראלי חד, לא כמו AI.
- עברית מדוברת וטבעית. משפטים קצרים. רעיון אחד בכל משפט.
- כותרת: 2 עד 7 מילים, עם עמדה או קריצה. לא תיאור יבש של השירות.
- הומור קטן שנולד מהעסק עצמו, לא בדיחה מודבקת. קריצה אחת לאזור מספיקה.
- ספציפי במקום כללי: שכונה, מספר אמיתי, פרט מהשטח. אם אין נתון אמיתי, אל תמציא. השאר [למלא] ושאל אותי.
- אסור: "פתרונות מקיפים", "חוויה ייחודית", "לקחת לשלב הבא", "מהפכני", "ברוכים הבאים", "אנו מתמחים", "בעולם של היום", "איכות ללא פשרות", ושלוש תכונות ברצף.
- בלי מקף ארוך (—) ובלי מקף בינוני (–). רק מקף רגיל (-) כשצריך.
- כפתור: פעולה ברורה ב-1 עד 3 מילים ("לקבוע נסיעת מבחן", לא "לחץ כאן").
- אל תשאיר מילה בודדת בשורה האחרונה של כותרת.
- לפני שאתה מסיים, קרא כל כותרת בקול. אם היא יכולה להופיע באתר של כל עסק אחר, כתוב אותה מחדש.

הקול של התבנית הזו (התאם לעסק שלי, אל תעתיק את הדוגמאות):
- הקהל: בעלי עסקים קטנים ובינוניים שעבדו עם סוכנות אחת יותר מדי.
- הקול: שנון, ציני במידה, צוחק על הקלישאות של סוכנויות. ישיר וחם.
- הכיוון (לא להעתיק, לכתוב בסגנון): "לא עוד סוכנות. טוב, כן. אבל טובה." · "יש לכם בריף? לנו יש קפה." · "בלי מצגת של 80 שקפים."