Instruction file imported from PHChemin/letz-studio (
.cursor/rules/letz-studio.mdc). Copyright stays with the author.
Letz Studio — regras do projeto
Landing freelance estática do Letz Studio.
Stack (não trocar sem pedido explícito)
- Vite + React + TypeScript + Tailwind CSS v4 (
@tailwindcss/vite) - React Router (
/home,/cursopágina do curso) - Deploy: GitHub Pages via
.github/workflows/deploy.yml - Sem Next/backend neste projeto
Ao personalizar
- Ler
docs/CLIENT_BRIEF.mdedocs/PRD.md(já preenchidos). - Seguir
docs/UI_GUIDANCE.mde tokens emsrc/styles/main.css. - Conteúdo da home:
src/pages/HomePage.tsx+src/components/site/. - Contato só via links (
wa.me,mailto:, redes) — Pages é estático. - Preferir componentes em
src/components/(site, ui, originkit, handmade). - Deploy e domínio:
docs/DEPLOY.md(www.letzdesignstudio.com.br).
Design
- Hero full-bleed; marca forte no primeiro viewport.
- Manter identidade Letz (rosa #fc549c, Bagelow/Outfit/Caveat, stickers).
- Evitar layouts genéricos “dashboard”, cards no hero, chips flutuantes.
- Evitar tipografia/cores clichê de IA (Inter, roxo genérico, cream+terracotta default).
Build
npm run dev/npm run build— o Pages consome apenasdist/.- Build copia
index.html→404.htmlpara SPA (/curso). - Não commitar
node_modules/,dist/nem.originkit/.