obsidian/products/ironclad-website.md

title, updated, tags

title	updated	tags
Ironclad 홈페이지 제작 계획	2026-03-28	product website design

개요

ironclad.it.com 공식 홈페이지. 호스팅 상품 소개, 가격표, 회사 소개.

기술 스택

항목	선택	이유
프레임워크	Astro	콘텐츠 사이트 최적, Cloudflare 인수로 Workers/R2 궁합 최고, Next.js 대비 2-3배 빠름
디자인	Google Stitch	AI 기반 UI 디자인, Tailwind 코드 export, 무료 (Google Labs)
스타일	Tailwind CSS	Stitch export 호환, 유틸리티 기반
배포	cf-multisite	Gitea push → R2 → Workers → ironclad.it.com
다국어	한/영/일	Astro i18n 지원

디자인 도구: Google Stitch

• URL: https://stitch.withgoogle.com/
• Gemini 2.5 기반 AI UI 디자인
• 텍스트 프롬프트 → 고품질 UI 생성
• Vibe Design: 분위기/느낌 기반 디자인 (예: "Stripe처럼 프리미엄하고 미니멀하게")
• 이미지 업로드: 참고 사이트 스크린샷 → 유사 디자인 생성
• Export: HTML/CSS, Tailwind, Vue, Angular, Flutter, SwiftUI (7개 프레임워크)

페이지 구성

페이지	내용
히어로/랜딩	핵심 메시지, CTA
상품 소개	VPS, 베어메탈, IKE, 보안서비스 카테고리
가격표	리전별/스펙별 가격, 비교표 (ironclad-hosting-products)
보안서비스	3단계 보안 구조 (CDN + WAF + CrowdSec)
회사 소개	Ironclad Corp 정보 (ironclad-corp)
문의	연락처, 상담 신청

배포 경로

Stitch 디자인 → Tailwind 코드 export
  → Astro 프로젝트에 통합
  → hosting/ironclad repo (Gitea)
  → Gitea Actions (Astro build + rclone R2)
  → ironclad.it.com (Workers 서빙)

참고 디자인

• Stripe (프리미엄, 미니멀)
• Vercel (개발자 친화적)
• Vultr / Linode (호스팅 가격표)

관련 문서

• ironclad-corp — 회사 정보, 요금 플랜
• ironclad-hosting-products — 전체 상품 구성, 가격표
• cf-multisite — 배포 플랫폼