# IDX Sample Landing Pages: Rebuild Methods

This rebuild intentionally uses community/user-created design-rule sources, DESIGN.md libraries, modern landing-page galleries, and real stock photography.

## Page Methods

| Route | Business | Method / Skill / Template | Prompt recipe | Image source |
| --- | --- | --- | --- | --- |
| `/samples/contabilidad-santiago/` | Nexo Tributario | freedesignmd Linear Orbit + full-bleed grid pattern + Landingfolio fintech/product-page references. | Fintech editorial: quiet luxury, real desk photography, narrow data modules, no mascot icons, no generic SaaS gradient. | https://www.pexels.com/photo/an-accountant-s-workspace-6694492/ |
| `/samples/cafe-valparaiso/` | Café Escalera | Siteinspire typographic/art-direction references + freedesignmd editorial/full-bleed patterns. | Independent magazine cafe: cinematic food photo, offset grid, torn-label details, handwritten warmth without beige-template sameness. | https://www.pexels.com/photo/scrapbook-and-coffee-in-cozy-valparaiso-cafe-37052691/ |
| `/samples/clinica-dental-temuco/` | Dental Ruka | designmd.ai health/professional references + Landingfolio conversion patterns + SiteSee clean service-site references. | Premium healthcare product page: soft light, calm clinical photography, appointment dock, high contrast CTAs, no cartoon teeth. | https://www.pexels.com/photo/view-of-clinic-305568/ |
| `/samples/mantencion-industrial-antofagasta/` | Norte Servicio Industrial | designmd.app brutalist/industrial families + Siteinspire unusual-layout references + Godly-style cinematic density. | Cinematic maintenance contractor: dark machinery photo, hazard yellow, monospace spec panels, hard edges, no rounded SaaS cards. | https://www.pexels.com/photo/dirty-industrial-machinery-12951623/ |
| `/samples/logistica-medellin/` | Ruta Fría Medellín | designmd.ai Command Center references + freedesignmd dark/glass patterns + Landingfolio tech landing-page rhythm. | Cold-chain command center: van photography, navy/cyan, live map motif, motion route, dense operational modules, no generic delivery icons. | https://www.pexels.com/photo/white-vans-parked-on-gray-concrete-road-4620555/ |
| `/samples/taller-belleza-lima/` | Casa Bruma | Awwwards/Siteinspire fashion-art-direction scan + freedesignmd editorial premium patterns + designmd.app art/fashion-style families. | Boutique magazine: oversized serif, vertical rhythm, real treatment photography, monochrome blush/ink, no fake before-after claims. | https://www.pexels.com/photo/woman-having-a-facial-treatment-in-a-beauty-studio-10600175/ |
| `/samples/refugio-patagonia/` | Bruma Austral | Claude async XML-structured hospitality brief; boutique editorial travel landing page; full-bleed cinematic reservation strip. | Quiet luxury eco-lodge: Patagonia image, refined serif, topographic lines, tactile booking strip, no fake hotel claims. | https://www.pexels.com/photo/scenic-rural-landscape-in-patagonia-argentina-29581850/ |
| `/samples/estudio-arquitectura-quito/` | Línea Cero | Claude async style-guide/spec prompt; Swiss editorial architecture grid; material-board portfolio pattern. | Architecture studio: strict grid, warm concrete palette, model photography, hairline rules, no fake awards or built metrics. | https://www.pexels.com/photo/architect-working-on-model-9618131/ |
| `/samples/ciberseguridad-lima/` | Vigía Cero | Claude async critique-loop prompt; cinematic SOC interface; high-trust B2B security microsite. | Security operations: near-black interface, signal green/amber, incident timeline, evidence pack, no hacker clichés or fake SOC claims. | https://www.pexels.com/search/cyber%20security%20operations%20center%20(soc)/ |

## Research Sources

- [designmd.app](https://designmd.app/) - Community DESIGN.md library with aesthetic families and AI-ready design contracts.
- [freedesignmd](https://freedesignmd.com/) - Free DESIGN.md systems and layout patterns, including bento, full-bleed grid, stacked hero bands, editorial and premium systems.
- [designmd.ai](https://designmd.ai/) - Community design-system gallery with popular and trending user-created DESIGN.md files.
- [Landingfolio](https://www.landingfolio.com/) - Curated landing-page inspiration and component references.
- [Siteinspire](https://www.siteinspire.com/) - Curated contemporary web-design gallery, useful for typographic, unusual-layout and art-direction references.
- [SiteSee](https://sitesee.co/) - Modern website gallery tagged by type, color and industry.
- [Anthropic prompt engineering overview](https://docs.anthropic.com/en/docs/build-with-claude/prompt-engineering/overview) - Structured prompt context, direct instructions, and examples for Claude-oriented task prompts.
- [Claude Code common workflows](https://docs.anthropic.com/en/docs/claude-code/common-workflows) - Plan, implement, verify workflow used for the three Claude async jobs.

## Guardrails

- Businesses are fictional demos.
- Images are downloaded into local assets from Pexels source pages.
- No real customer logos, testimonials, certifications, or performance metrics are claimed.
- No nginx, DNS, TLS, or tenant provisioning is involved.