Add Figma design system documentation and tokens
- 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>
This commit is contained in:
kappa
569
FIGMA_CONTENT.md
Normal file
569
FIGMA_CONTENT.md
Normal file
@@ -0,0 +1,569 @@
|
||||
# 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*
|
||||
Reference in New Issue
Block a user