- FIGMA_DESIGN_GUIDE.md: Color palette, typography, spacing, components - figma-tokens.json: Tokens Studio importable design tokens - FIGMA_CONTENT.md: Copy-paste ready text content for all sections - figma-content.json: Structured content data for automation Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
570 lines
11 KiB
Markdown
570 lines
11 KiB
Markdown
# Anvil Hosting - Figma 콘텐츠 맵
|
|
|
|
Figma 작업 시 복사해서 사용할 수 있는 모든 텍스트 콘텐츠입니다.
|
|
|
|
---
|
|
|
|
## 1. Navigation (네비게이션)
|
|
|
|
### Logo
|
|
```
|
|
Anvil.Hosting
|
|
```
|
|
|
|
### Menu Items
|
|
```
|
|
기능
|
|
요금제
|
|
자동화
|
|
```
|
|
|
|
### CTA Button
|
|
```
|
|
Console 시작
|
|
```
|
|
|
|
---
|
|
|
|
## 2. Hero Section (히어로)
|
|
|
|
### Status Badge
|
|
```
|
|
System Operational: v2.4.0 Live
|
|
```
|
|
|
|
### Headline
|
|
```
|
|
Incus/LXD 기반
|
|
초경량 컨테이너 호스팅
|
|
```
|
|
|
|
### Subheadline
|
|
```
|
|
VM의 오버헤드는 버리세요. OS 수준의 완벽한 격리와 네이티브 성능을 제공합니다.
|
|
n8n, Ansible 자동화 파이프라인과 즉시 연동됩니다.
|
|
```
|
|
|
|
### Primary CTA
|
|
```
|
|
🚀 인스턴스 즉시 배포
|
|
```
|
|
|
|
### Ping Widget
|
|
| 리전 | 레이턴시 |
|
|
|------|----------|
|
|
| 🇰🇷 Seoul | 2ms |
|
|
| 🇯🇵 Tokyo | 35ms |
|
|
| 🇭🇰 HongKong | 45ms |
|
|
| 🇸🇬 Singapore | 65ms |
|
|
|
|
### Chat Demo (Phone Mockup)
|
|
**Header:**
|
|
```
|
|
Anvil Forge Bot
|
|
bot
|
|
```
|
|
|
|
**User Message 1:**
|
|
```
|
|
도쿄 리전에 데비안 12로 프로 등급 서버 하나 만들어줘
|
|
```
|
|
|
|
**Bot Response 1:**
|
|
```
|
|
🤖 AI가 요청을 분석했습니다.
|
|
|
|
다음 구성으로 서버를 준비할까요?
|
|
|
|
• 위치: 🇯🇵 도쿄 (Tokyo)
|
|
• OS: Debian 12 (Bookworm)
|
|
• 사양: Pro (2 vCPU / 4GB)
|
|
```
|
|
|
|
**User Message 2:**
|
|
```
|
|
응 바로 생성해줘
|
|
```
|
|
|
|
**Bot Response 2 (Success):**
|
|
```
|
|
✅ 서버 생성이 완료되었습니다!
|
|
|
|
IP: 45.12.89.121
|
|
Root PW: (보안 전송됨)
|
|
|
|
지금 바로 SSH 접속이 가능합니다.
|
|
```
|
|
|
|
---
|
|
|
|
## 3. Features Section (기술 스택)
|
|
|
|
### Section Header
|
|
```
|
|
엔지니어를 위한 기술 스택
|
|
단순한 호스팅을 넘어, 제어가 가능한 인프라를 제공합니다.
|
|
```
|
|
|
|
### Feature Card 1 - Incus/LXD (Brand Blue)
|
|
```
|
|
<Incus/LXD>
|
|
Native Performance
|
|
|
|
KVM 오버헤드 없이 커널을 직접 공유하는 컨테이너 기술로 베어메탈에 가까운 성능을 냅니다. Docker in Docker도 완벽하게 지원합니다.
|
|
```
|
|
|
|
### Feature Card 2 - Automation (Purple)
|
|
```
|
|
<Automation>
|
|
API & Webhooks
|
|
|
|
n8n, Ansible, Terraform으로 인프라를 코드로 관리하세요. 서버 생성, 삭제, 리소스 조정을 자동화된 워크플로우로 제어할 수 있습니다.
|
|
```
|
|
|
|
### Feature Card 3 - Security (Green)
|
|
```
|
|
<Security>
|
|
Isolated & Safe
|
|
|
|
CrowdSec이 기본 통합된 방화벽과 네임스페이스 격리 기술로 이웃한 컨테이너의 영향 없이 안전하게 데이터를 보호합니다.
|
|
```
|
|
|
|
### Feature Card 4 - Anti-DDoS (Red)
|
|
```
|
|
<Anti-DDoS>
|
|
1Tbps+ Mitigation
|
|
|
|
L3/L4는 물론 복잡한 L7 애플리케이션 공격까지 완벽 방어합니다. 전 세계 엣지 노드에서 공격을 즉시 정화하여 무중단 서비스를 보장합니다.
|
|
```
|
|
|
|
---
|
|
|
|
## 4. Automation Section (자동화)
|
|
|
|
### Badge
|
|
```
|
|
Infrastructure as Code
|
|
```
|
|
|
|
### Headline
|
|
```
|
|
반복적인 작업은
|
|
자동화에 맡기세요
|
|
```
|
|
|
|
### Description
|
|
```
|
|
웹 콘솔에 접속할 필요도 없습니다. Terraform으로 인프라를 정의하고, Ansible로 설정을 배포하세요. Anvil은 개발자 친화적인 API를 제공합니다.
|
|
```
|
|
|
|
### Feature List
|
|
```
|
|
Webhook Integration
|
|
Github Actions, GitLab CI/CD 연동
|
|
|
|
Full API Access
|
|
서버 생성, 제어, 모니터링 100% API 지원
|
|
```
|
|
|
|
### Tab Buttons
|
|
```
|
|
n8n Workflow
|
|
Terraform
|
|
```
|
|
|
|
### n8n Workflow Nodes
|
|
```
|
|
Webhook → Restart Server → Notify User
|
|
```
|
|
|
|
### Terraform Code
|
|
```hcl
|
|
resource "anvil_instance" "web" {
|
|
name = "production-web-01"
|
|
image = "debian-12"
|
|
region = "jp-east-1"
|
|
plan = "pro-v2"
|
|
|
|
// 자동 백업 설정
|
|
backup_schedule {
|
|
enabled = true
|
|
retain = 7
|
|
}
|
|
}
|
|
```
|
|
|
|
---
|
|
|
|
## 5. Infrastructure Section (인프라 상세)
|
|
|
|
### Headline
|
|
```
|
|
High-Spec Infrastructure
|
|
```
|
|
|
|
### Feature 1
|
|
```
|
|
⚡ NVMe Storage
|
|
모든 플랜에 Enterprise급 NVMe SSD 제공. IOPS 병목 없는 데이터베이스 성능 보장.
|
|
```
|
|
|
|
### Feature 2
|
|
```
|
|
🌐 Premium Network
|
|
CN2/BGP 최적화 경로. 서울-도쿄 35ms, 서울-홍콩 45ms의 낮은 레이턴시.
|
|
```
|
|
|
|
### Feature 3
|
|
```
|
|
💾 ZFS Snapshots
|
|
CoW(Copy-on-Write) 기반의 즉각적인 스냅샷과 롤백 지원. 데이터 손실 걱정 끝.
|
|
```
|
|
|
|
### Terminal Mockup
|
|
```bash
|
|
root@anvil:~# neofetch
|
|
.
|
|
/ \
|
|
( )
|
|
\ / OS: Debian GNU/Linux 12 (bookworm)
|
|
| Kernel: 6.1.0-18-cloud-amd64
|
|
| Uptime: 142 days, 4 hours
|
|
| Virtualization: lxc (Incus)
|
|
| CPU: AMD EPYC 7763 (4) @ 2.45GHz
|
|
| Memory: 512MiB / 64GiB
|
|
|
|
root@anvil:~# docker ps
|
|
CONTAINER ID IMAGE STATUS PORTS
|
|
a1b2c3d4e5f6 nginx Up 24h 0.0.0.0:80->80/tcp
|
|
_
|
|
```
|
|
|
|
---
|
|
|
|
## 6. Domain Section (도메인 서비스)
|
|
|
|
### Badge
|
|
```
|
|
NEW: AI Domain Generator
|
|
```
|
|
|
|
### Headline
|
|
```
|
|
대화로 끝내는
|
|
도메인 등록과 관리
|
|
```
|
|
|
|
### Description
|
|
```
|
|
원하는 아이디어만 말씀하세요. AI가 창의적인 도메인을 추천하고, 텔레그램 대화창에서 3초 만에 등록까지 완료합니다. 복잡한 설정 없이 네임서버까지 즉시 연결됩니다.
|
|
```
|
|
|
|
### Feature Grid
|
|
```
|
|
AI 추천
|
|
키워드 분석 기반 도메인 작명
|
|
|
|
실시간 조회
|
|
전 세계 TLD 실시간 가용 확인
|
|
|
|
간편 DNS
|
|
대화형 A/CNAME/MX 레코드 설정
|
|
|
|
Whois 보안
|
|
개인정보 보호 설정 기본 제공
|
|
```
|
|
|
|
### Domain Pricing Table
|
|
```
|
|
주요 도메인 가격 (연간)
|
|
|
|
.com / .net ₩20,000 / ₩22,600
|
|
.it.com / .dev ₩8,700 / ₩27,800 (.it.com 갱신 ₩67,900)
|
|
.io / .ai ₩114,800 / ₩139,200
|
|
.xyz / .me ₩27,800 / ₩31,300
|
|
```
|
|
|
|
### CTA Button
|
|
```
|
|
🌐 도메인 검색 시작하기
|
|
```
|
|
|
|
---
|
|
|
|
## 7. Pricing Section (요금제)
|
|
|
|
### Section Header
|
|
```
|
|
합리적인 요금제
|
|
전 세계 4개 리전에서 제공되는 최적의 인프라 요금 (월간 기준, VAT 포함)
|
|
```
|
|
|
|
### Tab Buttons
|
|
```
|
|
🌏 Global (Tokyo/SG/HK)
|
|
🇰🇷 Seoul (Premium)
|
|
```
|
|
|
|
### Global Pricing Table
|
|
| Plan | vCPU | RAM | SSD | Transfer | Price/Month |
|
|
|------|------|-----|-----|----------|-------------|
|
|
| Micro | 1 Core | 1 GB | 25 GB | 1 TB | ₩8,500 |
|
|
| Starter | 1 Core | 2 GB | 50 GB | 2 TB | ₩20,400 |
|
|
| **Pro** ⭐ | 2 Cores | 4 GB | 80 GB | 4 TB | ₩40,700 |
|
|
| Business | 4 Cores | 8 GB | 160 GB | 5 TB | ₩67,800 |
|
|
|
|
### Seoul Pricing Table
|
|
| Plan | vCPU | RAM | SSD (High) | Transfer | Price/Month |
|
|
|------|------|-----|------------|----------|-------------|
|
|
| Nano | 1 Core | 512 MB | 20 GB | 1 TB | ₩6,000 |
|
|
| Micro | 1 Core | 1 GB | 40 GB | 2 TB | ₩8,500 |
|
|
| Starter | 1 Core | 2 GB | 60 GB | 3 TB | ₩17,000 |
|
|
| **Pro** ⭐ | 2 Cores | 4 GB | 80 GB | 4 TB | ₩33,900 |
|
|
| Business | 2 Cores | 8 GB | 160 GB | 5 TB | ₩67,800 |
|
|
|
|
### Footnote (Global)
|
|
```
|
|
* 🇯🇵 도쿄, 🇸🇬 싱가포르 기준 요금입니다. 🇭🇰 홍콩 리전은 약 10%의 추가 요금이 발생할 수 있습니다.
|
|
```
|
|
|
|
### Enterprise Note (Seoul)
|
|
```
|
|
더 강력한 성능이 필요하신가요?
|
|
AWS EC2 기반의 고성능(4 vCPU+) 인스턴스는 별도 문의 바랍니다. (VPC Peering 지원)
|
|
Enterprise 문의 →
|
|
```
|
|
|
|
### Feature Highlights
|
|
```
|
|
🌍 글로벌 4개 리전 운영
|
|
도쿄(JP-East), 오사카(JP-West), 싱가포르(SG-Core), 홍콩(HK-Hub)에서 즉시 서버를 생성할 수 있습니다.
|
|
|
|
🛡️ 프리미엄 DDoS 방어
|
|
모든 리전에 엔터프라이즈급 DDoS 방어 옵션(₩99,000, VAT 포함)을 추가하여 L7 공격까지 완벽하게 방어할 수 있습니다.
|
|
```
|
|
|
|
### Bare Metal Section
|
|
**Badge:**
|
|
```
|
|
EXTREME PERFORMANCE
|
|
```
|
|
|
|
**Headline:**
|
|
```
|
|
Bare Metal Dedicated
|
|
```
|
|
|
|
**Description:**
|
|
```
|
|
가상화가 없는 100% 물리 서버를 단독으로 사용하세요.
|
|
AMD EPYC 9004 프로세서와 DDR5 ECC RAM의 압도적인 성능을 경험할 수 있습니다.
|
|
```
|
|
|
|
**Features:**
|
|
```
|
|
✓ Full IPMI Access
|
|
✓ Custom Hardware
|
|
✓ 40Gbps Private Network
|
|
```
|
|
|
|
**Pricing:**
|
|
```
|
|
Live Inventory Pricing
|
|
₩169,000~
|
|
🇸🇬 싱가포르 최저가 재고 보유 중
|
|
※ 서울/도쿄 리전 재고 및 가격은 봇으로 확인하세요.
|
|
```
|
|
|
|
**CTA:**
|
|
```
|
|
실시간 재고/가격 조회 (Bot)
|
|
```
|
|
|
|
---
|
|
|
|
## 8. Footer
|
|
|
|
### Left
|
|
```
|
|
Anvil Hosting | Global Cloud Infrastructure
|
|
```
|
|
|
|
### Links
|
|
```
|
|
이용약관
|
|
개인정보처리방침
|
|
SLA
|
|
```
|
|
|
|
### Right
|
|
```
|
|
© 2026 LIBEHAIM Inc. | Taro Tanaka
|
|
#202 K-Flat, 3-1-13 Higashioi, Shinagawa-ku, Tokyo 140-0011, Japan
|
|
```
|
|
|
|
---
|
|
|
|
## 9. Server Launcher Modal (서버 런처 모달)
|
|
|
|
### Modal Header
|
|
```
|
|
Server Launcher
|
|
Anvil Forge Bot
|
|
```
|
|
|
|
### Step 0: Region Selection
|
|
**Bot Message:**
|
|
```
|
|
어느 리전에 서버를 생성할까요?
|
|
```
|
|
|
|
**Options:**
|
|
| Flag | Name | ID | Ping |
|
|
|------|------|-----|------|
|
|
| 🇰🇷 | 서울 | Seoul | 2ms |
|
|
| 🇯🇵 | 도쿄 | Tokyo | 35ms |
|
|
| 🇸🇬 | 싱가포르 | Singapore | 65ms |
|
|
| 🇭🇰 | 홍콩 | HongKong | 45ms |
|
|
|
|
### Step 1: Plan Selection
|
|
**Bot Message:**
|
|
```
|
|
어떤 사양이 필요하신가요?
|
|
```
|
|
|
|
**Options:**
|
|
| Icon | Plan | Spec | Price |
|
|
|------|------|------|-------|
|
|
| 🔹 | Micro | 1vCPU / 1GB RAM | ₩8,500/월 |
|
|
| 🔷 | Starter | 1vCPU / 2GB RAM | ₩20,400/월 |
|
|
| ⭐ | Pro | 2vCPU / 4GB RAM | ₩40,700/월 |
|
|
| 💎 | Business | 4vCPU / 8GB RAM | ₩67,800/월 |
|
|
|
|
### Step 2: OS Selection
|
|
**Bot Message:**
|
|
```
|
|
어떤 운영체제를 설치할까요?
|
|
```
|
|
|
|
**Options:**
|
|
| Icon | OS |
|
|
|------|-----|
|
|
| 🐧 | Debian 12 |
|
|
| 🟠 | Ubuntu 24.04 |
|
|
| 🔵 | CentOS 9 |
|
|
| 🏔️ | Alpine |
|
|
|
|
### Step 3: Payment Selection
|
|
**Bot Message:**
|
|
```
|
|
결제 방식을 선택해주세요.
|
|
```
|
|
|
|
**Options:**
|
|
| Name | Description | Discount |
|
|
|------|-------------|----------|
|
|
| 월간 결제 | 매월 자동 결제 | - |
|
|
| 연간 결제 | 2개월 무료 (17% 할인) | -17% |
|
|
|
|
### Step 4: Confirmation
|
|
**Bot Message:**
|
|
```
|
|
구성을 확인하고 서버를 생성해주세요! 🚀
|
|
```
|
|
|
|
**Summary Labels:**
|
|
```
|
|
리전
|
|
플랜
|
|
OS
|
|
결제
|
|
월 요금
|
|
```
|
|
|
|
**CTA Button:**
|
|
```
|
|
🚀 서버 생성하기
|
|
```
|
|
|
|
### Step 5: Deployment Progress
|
|
**Progress Labels:**
|
|
```
|
|
배포 중...
|
|
완료
|
|
```
|
|
|
|
**Log Messages:**
|
|
```
|
|
🔄 배포를 시작합니다...
|
|
📍 {region} 리전 노드 선택 중...
|
|
📦 {os} 이미지 준비 중...
|
|
✅ 이미지 준비 완료
|
|
🔧 컨테이너 인스턴스 생성 중...
|
|
✅ 컨테이너 생성 완료
|
|
🌐 네트워크 및 방화벽 구성 중...
|
|
✅ IP 할당 완료: 45.12.89.{random}
|
|
⚙️ 시스템 서비스 시작 중...
|
|
🎉 서버가 활성화되었습니다!
|
|
```
|
|
|
|
### Success State
|
|
```
|
|
✓
|
|
서버 준비 완료!
|
|
인스턴스가 활성화되었습니다
|
|
|
|
[닫기] [Console →]
|
|
```
|
|
|
|
### Navigation
|
|
```
|
|
이전 단계
|
|
닫기 (X)
|
|
```
|
|
|
|
---
|
|
|
|
## 10. Meta / SEO Content
|
|
|
|
### Page Title
|
|
```
|
|
Anvil Hosting - 개발자를 위한 컨테이너 클라우드
|
|
```
|
|
|
|
### Meta Description
|
|
```
|
|
Incus/LXD 기반 초경량 컨테이너 호스팅. VM 오버헤드 없이 네이티브 성능을 제공하며, n8n, Ansible 자동화 파이프라인과 즉시 연동됩니다. 도쿄, 서울, 싱가포르, 홍콩 리전 지원.
|
|
```
|
|
|
|
### Meta Keywords
|
|
```
|
|
컨테이너 호스팅, LXD, Incus, 클라우드 서버, VPS, 도쿄 서버, 서울 서버, 개발자 호스팅, Docker, 자동화
|
|
```
|
|
|
|
### OG Title
|
|
```
|
|
Anvil Hosting - 개발자를 위한 컨테이너 클라우드
|
|
```
|
|
|
|
### OG Description
|
|
```
|
|
Incus/LXD 기반 초경량 컨테이너 호스팅. 네이티브 성능과 자동화 파이프라인을 경험하세요.
|
|
```
|
|
|
|
---
|
|
|
|
## 11. Accessibility Labels (접근성)
|
|
|
|
```
|
|
텔레그램 봇으로 콘솔 시작
|
|
서버 런처 열기
|
|
서버 요금표
|
|
닫기
|
|
이전 단계
|
|
```
|
|
|
|
---
|
|
|
|
*Figma Copy-Paste Ready Content*
|
|
*Last Updated: 2026-01-20*
|