登陸頁面（codebyabdullah 風格）
一個 index.html，無需建置步驟，部署為靜態網站。這些頁面之所以看起來像是客製打造的，而不是套用範本，是因為一套嚴格且無一例外應用的規則。這些規則全都列在下方。參考實作位於 templates/starter-dental.html：如有疑問，請閱讀該檔案的做法。
工作流程
- 簡報（2 分鐘）。 取得或決定並說明：利基市場、品牌名稱（阿拉伯語 + 拉丁字母）、城市、唯一的主要賣點（例如「الكشف الأول مجاني」），以及主要行動（預約、詢價、到訪、訂購）。真實客戶的內容（服務、電話、地址）作為資料放入；切勿虛構評論、評分、價格或人物。虛構的示範頁面需在導航標籤中標明「مثال · مشروع وهمي للعرض」。
- 選擇利基套件：從 references/niches.md 選取：色板、字體、3D 英雄概念、簽名式互動、區塊順序、JSON-LD 類型。如果該利基不存在，則使用相同的結構自行設計一個。
- 先寫文案。 在任何 CSS 之前，使用 references/copywriting-ar.md 撰寫每一行文案。主要賣點在頁面上出現 8–14 次。
- 從起點開始。 複製
templates/starter-dental.html到<site>/index.html並重新調整：代幣、字體、文案、區塊，然後取代 3D 場景和簽名式互動。保留骨架、性能分級區塊、動畫系統以及無障礙備援。詳細資訊請參考：references/design-system.md、 references/page-structure.md、 references/hero-3d-and-performance.md、 references/motion.md、references/conversion.md。 - 使用工具進行 QA。
node tools/shoot.js verify <site>會在桌面版、手機版和靜態分級中各區塊截圖，並回報主控台錯誤與無效的錨點。檢視每張截圖。然後執行 references/qa-checklist.md。 - 資產。
node tools/shoot.js assets <site>會產生hero-poster.webp、og.jpg和cover.webp。 - 部署。 每個網站擁有自己的 Git 倉庫，在 Vercel 上進行靜態部署，然後將 canonical/OG/JSON-LD 設定為真實 URL。請參閱 references/deploy-and-assets.md。
不可妥協的原則
<html lang="ar" dir="rtl">，僅使用邏輯 CSS 屬性（margin-inline-start，絕不使用margin-left）。- 內容中不使用庫存照片、不使用圖片檔案。 所有視覺元素皆為程式產生：processual three.js、捲動時繪製的內聯 SVG 線條藝術、Canvas 紋理。在頁尾標註此點。
- 每個利基市場使用一個 processual 3D 物件來敘述價值主張，當英雄區塊固定時（掃描揭示牙齒、窗戶在塔樓間亮起、卡片翻轉顯示證據）。這是一個故事，而不是裝飾。2–3 個固定敘述逐一說明。
- 每個品牌使用一個強調色，僅用於標題中的
<em>、CTA 和小標記。 - 大而緊密的阿拉伯語標題（
letter-spacing:-.035em），搭配拉丁展示或等寬字體用於數字、區塊編號和標籤。 - 一個緩動曲線用於 CSS（
--ease: cubic-bezier(.2,.75,.15,1)）以及一個小型動畫詞彙（文字遮罩顯現、固定水平區塊、清除式上移、磁性按鈕、跑馬燈）。 - mobile-tier-v1 區塊（templates/perf-tier.html）在首次繪製之前執行：
full桌面版、lite手機版、static弱手機版（使用海報，無 three.js）。h1 是 LCP 元素；3D 在文字繪製後的閒置時間建構。 - 無動畫的完整頁面：
prefers-reduced-motion和無 JS 情況皆可獲得最終的、靜態的、完全可讀的版面。 - 沙烏地（納季迪）白色方言，專業且誠實：「ليش」、「وش」、「عشان」、「الحين」。無誇大。
- 最多三個欄位的表單。 一個浮動 CTA，當頁面上已有其他 CTA 時會隱藏。
禁忌事項（這些會讓頁面看起來像範本）
- 庫存照片、UI 中的表情符號、通用漸層色塊、使用多個強調色。
- 使所有元素都產生動畫：動畫應跟隨故事，然後讓開。
- 僅限桌面的精緻處理：請像檢查桌面版一樣仔細檢查手機版和靜態分級。
- 虛假的社交證明：不得虛構推薦、星級評分、客戶標誌或價格。
margin-left/right、text-align:left、僅支援 LTR 的圖示（箭頭必須指向 RTL 方向）。- 未檢視
shoot.js verify的每張截圖就交付。