אדריכלות · עברית ו-RTL

אדמה

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

פתיחת האתר המלא התאמה לעסק שלכם

תצוגה חיה

מה בנוי בפנים

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

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

שם הסטודיו

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

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

פותחים מקום לאתר שלכם
נכנסים ל-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 מילים ("לקבוע נסיעת מבחן", לא "לחץ כאן").
- אל תשאיר מילה בודדת בשורה האחרונה של כותרת.
- לפני שאתה מסיים, קרא כל כותרת בקול. אם היא יכולה להופיע באתר של כל עסק אחר, כתוב אותה מחדש.

{
  "schemaVersion": "1.0.0",
  "template": {
    "id": "architecture-studio",
    "name": "אדמה",
    "title": "אדמה. אתר תדמית לאדריכלות",
    "industry": "אדריכלות ועיצוב פנים",
    "format": "עמוד ראשי + עמודי פרויקט",
    "language": "עברית · RTL",
    "version": "1.0.0",
    "referenceRevision": "1434bcf"
  },
  "delivery": {
    "kind": "reconstruction-specification",
    "includesSourceCode": false,
    "includesAssetFiles": false,
    "includesFontFiles": false,
    "fidelity": "A specification reduces ambiguity but cannot guarantee pixel-identical output. Exact delivery requires versioned source and licensed assets, not included here.",
    "missingAssets": "Paths below identify the Taste preview only. They are not attachments or files in the target project. Ask for authorized files or generate original replacements; do not hotlink or scrape reference assets."
  },
  "content": {
    "brand": "אדמה",
    "descriptor": "סטודיו לאדריכלות",
    "heroLine1": "אדריכלות עם נשמה",
    "heroLine2": "בית שמרגיש נכון",
    "heroLine3": "בכל יום מחדש",
    "email": "hello@example.com",
    "phone": ""
  },
  "locale": {
    "language": "he",
    "direction": "rtl",
    "preserveLatinEmailDirection": "ltr"
  },
  "implementation": {
    "referenceStack": {
      "framework": "Next.js 16 / React 19",
      "styles": "CSS Modules",
      "motion": "GSAP 3 + ScrollTrigger",
      "smoothScroll": "Lenis 1"
    },
    "adaptation": "Use the host framework and existing accessible primitives. Preserve visual and motion specifications. Disclose unsupported effects instead of silently changing the design. No authentication, database, payments, deployment or data collection.",
    "isolation": "One template root with scoped tokens and CSS Modules. Shared header, footer and project data. No global body, heading or button overrides. Dispose animation contexts, observers, RAF and listeners on unmount.",
    "referenceFiles": [
      "ArchitectureStudio.tsx",
      "ArchitectureStudio.module.css",
      "ArchitectureMotion.tsx",
      "ArchitectureChrome.tsx",
      "ArchitectureProject.tsx",
      "projects.ts"
    ]
  },
  "tokens": {
    "colors": {
      "paper": "#eeebe4",
      "paperDeep": "#e4e0d6",
      "ink": "#16191a",
      "muted": "#676a64",
      "line": "rgba(22,25,26,.15)",
      "clay": "#9f553b",
      "night": "#121615"
    },
    "typography": {
      "family": "IBM Plex Sans Hebrew",
      "fallback": "sans-serif",
      "weights": [
        300,
        400,
        500,
        600,
        700
      ],
      "headingWeight": 300,
      "fontDelivery": "Load from an appropriately licensed source. No font binaries are supplied. Discovery FS belongs to the Taste host, not this architecture template."
    },
    "gutter": "clamp(20px, 5.6vw, 88px)",
    "sectionSpacing": "clamp(80px, 9vw, 140px)",
    "easing": "cubic-bezier(.22,1,.36,1)",
    "easingOut": "cubic-bezier(.16,1,.3,1)"
  },
  "pages": {
    "home": {
      "targetPath": "/",
      "sectionOrder": [
        "hero",
        "logo-strip",
        "parallax-banner",
        "about",
        "process-intro",
        "projects",
        "approach",
        "statement-marquee",
        "work-steps",
        "discipline-ticker",
        "values",
        "journal",
        "contact",
        "footer"
      ]
    },
    "projects": {
      "targetPath": "/projects/:slug",
      "slugs": [
        "olive-courtyard",
        "tel-aviv-light",
        "coastal-pavilion",
        "desert-retreat"
      ],
      "order": [
        "shared-header",
        "back-to-all-projects",
        "title-with-summary-and-facts",
        "wide-cover",
        "narrative",
        "one-wide-image",
        "two-smaller-images",
        "next-project",
        "contact-heading-above-form",
        "shared-footer"
      ],
      "navigation": "Real routes, not a modal. Back points to /#projects; preserve shared identity and project data."
    }
  },
  "sections": {
    "header": {
      "height": {
        "desktop": 82,
        "mobile": 72
      },
      "layout": "Full width, centered original upright geometric Hebrew wordmark; menu and studio note on one side, search and contact on the other. Reuse identical logo in footer.",
      "menu": {
        "primitive": "accessible dialog",
        "side": "right",
        "width": "min(540px, 92vw)",
        "behavior": "Slide from right, backdrop, Escape, focus trap and restoration, scroll lock, room for contact details below navigation."
      }
    },
    "hero": {
      "panel": {
        "width": "calc(100% - 2 * gutter)",
        "padding": "105px 24px 90px",
        "borderInline": "1px solid line",
        "background": "10px dot grid, dot radius .6px, ink at 18% opacity"
      },
      "title": {
        "lines": [
          "אדריכלות עם נשמה",
          "בית שמרגיש נכון",
          "בכל יום מחדש"
        ],
        "alignment": "center",
        "fontSize": "clamp(48px, 7.6vw, 116px)",
        "fontWeight": 300,
        "lineHeight": 1.05,
        "letterSpacing": "-.045em",
        "lineMask": "overflow:hidden; padding-block:.07em",
        "photoPlacement": "Arch after the first word of line 1, pill after the first word of line 2, circle at the end of line 3. Adjust copy length without creating a fourth line."
      },
      "inlinePhotos": {
        "height": ".75em",
        "shapes": [
          "arch",
          "pill",
          "circle"
        ],
        "assets": [
          "haifa-courtyard",
          "tel-aviv-home",
          "desert-retreat"
        ],
        "hover": "translateY(-4px), .65s easing; no blur"
      },
      "cta": {
        "text": "לגלות את העבודות שלנו",
        "href": "#projects",
        "minWidth": 360
      },
      "mobile": {
        "breakpoint": 760,
        "panelPadding": "80px 8px 70px",
        "fontSize": "clamp(26px, 8.5vw, 60px)",
        "lineHeight": 1.22,
        "letterSpacing": "-.04em",
        "photoHeight": ".9em",
        "ctaWidth": "100%",
        "retainInlinePhotos": true
      }
    },
    "logoStrip": {
      "logos": 6,
      "kind": "Fictional generic marks, not actual clients",
      "height": {
        "desktop": 112,
        "mobile": 90
      },
      "loopSeconds": 45,
      "easing": "linear",
      "edgeFade": "8% to 92%",
      "pauseControl": true,
      "duplicatesHiddenFromAssistiveTech": true
    },
    "parallaxBanner": {
      "asset": "sunlit-courtyard",
      "frameHeight": "clamp(420px, 46vw, 700px)",
      "mobileHeight": 320,
      "image": {
        "height": "150%",
        "insetBlock": "-25%",
        "objectFit": "cover"
      },
      "algorithm": {
        "progress": "clamp(0,1,(viewportHeight - frame.top)/(viewportHeight + frame.height))",
        "targetY": "(progress - .5) * min(frame.height * .44, 280)",
        "interpolation": "currentY += (targetY - currentY) * .14",
        "settleThresholdPx": 0.1,
        "scheduling": "Passive scroll and resize update target; RAF only while interpolating; cleanup on unmount",
        "reducedMotionY": 0
      },
      "after": "Fine architectural ruler strip. Never expose empty image edges."
    },
    "about": {
      "layout": "Container max-width 1440px with common gutters. Metadata row above a two-line statement, then a 7:5 grid aligned at the bottom. Tall 4:5 courtyard photo with a small studio-work image inset; adjacent lead, paragraph and numbered definition list. Three principles belong inside the copy, not in a disconnected slogan column.",
      "principles": [
        "מקום",
        "אור",
        "חיים"
      ],
      "assets": [
        "studio-work",
        "haifa-courtyard"
      ]
    },
    "processIntro": {
      "layout": "Large architectural photograph, restrained title and four numbered process columns; preserve contrast over the image.",
      "asset": "desert-retreat"
    },
    "projects": {
      "columns": 12,
      "gap": "96px clamp(24px,3.5vw,56px)",
      "topMargin": 72,
      "cards": [
        {
          "start": 1,
          "span": 7,
          "offsetY": 0,
          "ratio": "5/4"
        },
        {
          "start": 9,
          "span": 4,
          "offsetY": 180,
          "ratio": "4/5"
        },
        {
          "start": 2,
          "span": 5,
          "offsetY": -40,
          "ratio": "4/5"
        },
        {
          "start": 7,
          "span": 6,
          "offsetY": 140,
          "ratio": "5/4"
        }
      ],
      "mobile": "One column, offsets zero, images 5/4. Intermediate widths reduce stagger to prevent overlap.",
      "interaction": "Image reveal on scroll, restrained zoom and circular diagonal arrow on hover/focus; whole card links to its project route."
    },
    "approach": {
      "layout": "Static readable statement, not a rotating about-us carousel."
    },
    "statementMarquee": {
      "text": "אוהבים אדריכלות. יוצרים מקום לחיים.",
      "style": "Oversized alternating filled and outlined lettering, pale stone tones",
      "loop": "Seamless duplicated track",
      "pauseControl": true
    },
    "workSteps": {
      "title": "הדרך שלנו",
      "asset": "haifa-courtyard",
      "layout": "Title area and panel area in a 5:7 grid. Four numbered glass panels in a 2x2 grid over a photograph; dark translucent backgrounds at 23/39/32/48 percent, backdrop blur 5/8/6/10px. Text remains legible without backdrop-filter support."
    },
    "disciplineTicker": {
      "items": [
        "אדריכלות",
        "עיצוב פנים",
        "אירוח",
        "מרחב ציבורי",
        "מקום למחשבה"
      ],
      "behavior": "Continuous horizontal loop, decorative duplicates aria-hidden. Not a solid brown block."
    },
    "values": {
      "layout": "Four horizontally aligned items, original outlined geometric marks derived from the brand's split shapes. Stack responsively, never an unexplained vertical column of slogans."
    },
    "journal": {
      "layout": "Article cards with reading dialogs and shared arrow hover/focus treatment",
      "content": "Illustrative studio articles, not external blog routes."
    },
    "contact": {
      "fields": [
        "fullName",
        "email",
        "phone",
        "message"
      ],
      "labels": "Persistent floating labels: inside empty fields, rise on focus or non-empty value. Not placeholder-only fields.",
      "behavior": "Demonstration only, visibly disclosed before submission and in confirmation. Do not send, log or persist entered data.",
      "projectPageLayout": "Title first, form below"
    },
    "footer": {
      "layout": "Dark background, shared wordmark, separated email/phone/address, back-to-top button",
      "contact": {
        "email": "hello@example.com",
        "phone": ""
      },
      "exampleNotice": "Replace demo details before publication. Do not invent clients, addresses or awards."
    }
  },
  "motion": {
    "heroLines": {
      "from": {
        "yPercent": 110
      },
      "to": {
        "yPercent": 0
      },
      "duration": 1.6,
      "stagger": 0.12,
      "ease": "expo.out"
    },
    "heroPhotos": {
      "from": {
        "scale": 0.4,
        "opacity": 0
      },
      "duration": 1.4,
      "stagger": 0.1,
      "delay": 0.55
    },
    "heroActions": {
      "from": {
        "y": 20,
        "opacity": 0
      },
      "duration": 1.2,
      "delay": 0.8
    },
    "aboutStatement": {
      "from": {
        "yPercent": 110
      },
      "duration": 1.5,
      "stagger": 0.1,
      "ease": "expo.out",
      "start": "top 88%",
      "once": true
    },
    "scrollHeadings": {
      "from": {
        "y": 40,
        "clipPath": "inset(0 0 100% 0)"
      },
      "to": {
        "y": 0,
        "clipPath": "inset(0 0 -20% 0)"
      },
      "duration": 1.4,
      "start": "top 90%",
      "once": true
    },
    "projectReveal": {
      "frame": "clip from inset(100% 0 0 0) to inset(0), 1.6s",
      "image": "scale 1.25 to 1, 2s",
      "start": "top 88%",
      "once": true
    },
    "contentReveal": {
      "from": {
        "y": 56,
        "opacity": 0
      },
      "duration": 1.3,
      "stagger": 0.12,
      "start": "top 92%",
      "once": true
    },
    "secondaryPhotoParallax": {
      "fromY": "-6%",
      "toY": "6%",
      "scrub": true,
      "start": "top bottom",
      "end": "bottom top"
    },
    "smoothScroll": {
      "desktopOnly": "min-width:761px and hover:hover and pointer:fine",
      "lerp": 0.16,
      "smoothWheel": true,
      "syncTouch": false,
      "anchorOffset": -96,
      "pauseWhenDialogOpen": true
    },
    "microInteractions": "Arrows travel upward and re-enter from below; close icons rotate. Mirror hover with focus-visible. Keep timings brisk and consistent.",
    "reducedMotion": "Disable entrance hiding, marquees, parallax and Lenis; retain content and navigation. Content is visible if enhancement scripts fail."
  },
  "assets": [
    {
      "id": "home-hero",
      "brief": "Warm contemporary stone residence",
      "previewReferencePath": "/templates/architecture-studio/assets/home-hero.webp",
      "supplied": false,
      "replacement": "Provide a licensed local file or generate an original image matching this role."
    },
    {
      "id": "sunlit-courtyard",
      "brief": "Bright Mediterranean limestone courtyard with olive trees",
      "previewReferencePath": "/templates/architecture-studio/assets/sunlit-courtyard.webp",
      "supplied": false,
      "replacement": "Provide a licensed local file or generate an original image matching this role."
    },
    {
      "id": "haifa-courtyard",
      "brief": "Tall stone courtyard with a citrus tree",
      "previewReferencePath": "/templates/architecture-studio/assets/haifa-courtyard.webp",
      "supplied": false,
      "replacement": "Provide a licensed local file or generate an original image matching this role."
    },
    {
      "id": "tel-aviv-home",
      "brief": "Warm natural-material apartment interior",
      "previewReferencePath": "/templates/architecture-studio/assets/tel-aviv-home.webp",
      "supplied": false,
      "replacement": "Provide a licensed local file or generate an original image matching this role."
    },
    {
      "id": "studio-work",
      "brief": "Architectural studio, material samples and plans",
      "previewReferencePath": "/templates/architecture-studio/assets/studio-work.webp",
      "supplied": false,
      "replacement": "Provide a licensed local file or generate an original image matching this role."
    },
    {
      "id": "coastal-pavilion",
      "brief": "Open coastal public pavilion",
      "previewReferencePath": "/templates/architecture-studio/assets/coastal-pavilion.webp",
      "supplied": false,
      "replacement": "Provide a licensed local file or generate an original image matching this role."
    },
    {
      "id": "desert-retreat",
      "brief": "Quiet stone retreat in a desert landscape",
      "previewReferencePath": "/templates/architecture-studio/assets/desert-retreat.webp",
      "supplied": false,
      "replacement": "Provide a licensed local file or generate an original image matching this role."
    }
  ],
  "acceptance": [
    "Compare at 390, 768, 1280 and 1600px: no horizontal overflow, broken Hebrew headings or missing inline hero photos.",
    "Title precedes image on every project page; back/next routes and search work.",
    "Test menu keyboard navigation, Escape, restored focus, floating labels and demo-only contact behavior.",
    "Sample parallax near both frame edges; no blank edges; reduced-motion static state.",
    "Verify marquee continuity and pause; no motion-only content or content hidden after script failure.",
    "Check console, typecheck, lint and production build. State what was tested; never claim import into another builder without testing it."
  ]
}

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