BUILT-IN THEME & EDGE STYLE SUITE 📐 24종 Edge 작성 스타일 & 선 정렬 카탈로그 열기 →

GraphiForge Styled SVG Theme & Built-in Edge Style Gallery

14 Curated Visual Presets (10 Light SaaS/Docs Themes & 4 Dark Engineering Themes) — Built-in Ortho-Rounded Routing, Semicircular Line-Jump Bridges, Outer-Port ERD Routing, Drop-Shadows & Pill Backdrops.

npx graphiforge style <input.dot> -t <theme-id> [-r ortho-rounded --line-jump] -o <output.svg>

1. 기본 내장 선 패턴 (7종)

style="bold" (핵심 경로) · "solid" (표준) · "dashed" (비동기) · "dotted" (검증/참조) · "double" (2중 채널 자동 확장) · "tapered" · "invis" (정렬 앵커)

2. 단자 & ERD 기수성 마커 (9종)

arrowhead/arrowtail: normal · onormal · vee · diamond · odiamond · tee · teetee (1..1) · odot (0..1) · crowodot (0..N) · crowtee (1..N)

3. 방위 포트 & 수동 정렬 레시피

나침반 포트 :n :s :e :w · 수직 척추 weight=20 · 수평 피어 rank=same, constraint=false · 공유 버스 sametail="bus" · 외곽 루프 :e -> :e

4. 라우팅 기하학 (DOT 내장 & CLI)

splines="ortho-rounded" · "ortho" · "bus" · "erd-step" · line_jump="true" (교차 반원 점프 브릿지 자동 감지)

🌙 Dark Core Dark

Cloud Dark cloud-dark

Developer-centric dark mode with Slate-900 canvas, cyan/sky accents, and high readability.

#0F172A#1E293B#38BDF8#334155#1E293B#162032#0F172A
Aliases: -slate
1. Cloud Architecture (5-Level Nested VPC) Download SVG
Cloud Dark Cloud Architecture
2. Commerce Platform ERD (Outer-Port Routing) Download SVG
Cloud Dark ERD
3. Ortho-Rounded + Line-Jump + Built-in Edge Styles Download SVG
Cloud Dark Edge Styles
🌙 Dark Core Dark

Enterprise Blueprint enterprise-blueprint

Technical engineering blueprint theme with deep navy canvas, white/cyan geometric strokes, and monospace typography.

#0A192F#112240#64FFDA#233554#112240#0D1B2A#0A192F
Aliases: -blueprint
1. Cloud Architecture (5-Level Nested VPC) Download SVG
Enterprise Blueprint Cloud Architecture
2. Commerce Platform ERD (Outer-Port Routing) Download SVG
Enterprise Blueprint ERD
3. Ortho-Rounded + Line-Jump + Built-in Edge Styles Download SVG
Enterprise Blueprint Edge Styles
☀️ Light Core Light

Soft Pastel / Minimal soft-pastel

Editorial and presentation-ready theme with warm neutral canvas, muted sage/sand tones, and charcoal typography.

#FAF7F2#FFFFFF#8B5CF6#E7E5E4#EFE9E1#E7E5E4#D6D3D1
Aliases: -pastel
1. Cloud Architecture (5-Level Nested VPC) Download SVG
Soft Pastel / Minimal Cloud Architecture
2. Commerce Platform ERD (Outer-Port Routing) Download SVG
Soft Pastel / Minimal ERD
3. Ortho-Rounded + Line-Jump + Built-in Edge Styles Download SVG
Soft Pastel / Minimal Edge Styles
☀️ Light Core Light

Editorial editorial

Restrained editorial diagram styling with white-smoke paper, ink rules, muted connectors, and an opt-in coral focal accent.

#f5f5f5#f5f5f5#eb6c36#bfc0c0#f5f5f5#f5f5f5#f5f5f5
1. Cloud Architecture (5-Level Nested VPC) Download SVG
Editorial Cloud Architecture
2. Commerce Platform ERD (Outer-Port Routing) Download SVG
Editorial ERD
3. Ortho-Rounded + Line-Jump + Built-in Edge Styles Download SVG
Editorial Edge Styles
☀️ Light Core Light

High Contrast / Monochrome high-contrast

Pure monochrome wireframe theme with white canvas and solid black strokes, optimized for print, documentation, and accessibility.

#FFFFFF#FFFFFF#000000#000000#FAFAFA#F0F0F0#E0E0E0
Aliases: -contrast
1. Cloud Architecture (5-Level Nested VPC) Download SVG
High Contrast / Monochrome Cloud Architecture
2. Commerce Platform ERD (Outer-Port Routing) Download SVG
High Contrast / Monochrome ERD
3. Ortho-Rounded + Line-Jump + Built-in Edge Styles Download SVG
High Contrast / Monochrome Edge Styles
🌙 Dark Core Dark

Cyberpunk Neon cyberpunk-neon

High-tech dark canvas theme with vibrant neon green, electric magenta, and cyan accents.

#0D0221#19053B#FF007F#7928CA#19053B#13022D#0D0221
Aliases: -dracula-neon
1. Cloud Architecture (5-Level Nested VPC) Download SVG
Cyberpunk Neon Cloud Architecture
2. Commerce Platform ERD (Outer-Port Routing) Download SVG
Cyberpunk Neon ERD
3. Ortho-Rounded + Line-Jump + Built-in Edge Styles Download SVG
Cyberpunk Neon Edge Styles
☀️ Light Core Light

Presentation presentation

Slide-deck ready theme with slate canvas, enlarged blue headers, pastel accents, bold connectors, and high-legibility typography.

#F8FAFC#FFFFFF#2563EB#94A3B8#F1F5F9#E2E8F0#CBD5E1
1. Cloud Architecture (5-Level Nested VPC) Download SVG
Presentation Cloud Architecture
2. Commerce Platform ERD (Outer-Port Routing) Download SVG
Presentation ERD
3. Ortho-Rounded + Line-Jump + Built-in Edge Styles Download SVG
Presentation Edge Styles
☀️ Light Cloud-Light Family (New)

Nordic Frost nordic-frost

Crisp ice-blue and arctic slate light theme inspired by cloud-light, with sky-blue hierarchy containers and high-contrast navy typography.

#F8FAFC#FFFFFF#0284C7#93C5FD#F0F9FF#E0F2FE#BAE6FD
Aliases: -frost-nord
1. Cloud Architecture (5-Level Nested VPC) Download SVG
Nordic Frost Cloud Architecture
2. Commerce Platform ERD (Outer-Port Routing) Download SVG
Nordic Frost ERD
3. Ortho-Rounded + Line-Jump + Built-in Edge Styles Download SVG
Nordic Frost Edge Styles
☀️ Light Cloud-Light Family (New)

Emerald Mint emerald-mint

Clean emerald and mint light theme inspired by Supabase/MongoDB docs, with botanical container layers and crisp forest typography.

#F8FAF9#FFFFFF#059669#86EFAC#F0FDF4#DCFCE7#BBF7D0
Aliases: -mint-emerald
1. Cloud Architecture (5-Level Nested VPC) Download SVG
Emerald Mint Cloud Architecture
2. Commerce Platform ERD (Outer-Port Routing) Download SVG
Emerald Mint ERD
3. Ortho-Rounded + Line-Jump + Built-in Edge Styles Download SVG
Emerald Mint Edge Styles
☀️ Light Cloud-Light Family (New)

Lavender Indigo lavender-indigo

Refined indigo and lavender light theme inspired by Stripe and Linear engineering docs, with soft violet container tiers.

#FAFAFF#FFFFFF#4F46E5#C4B5FD#F5F3FF#EDE9FE#DDD6FE
Aliases: -indigo-stripe
1. Cloud Architecture (5-Level Nested VPC) Download SVG
Lavender Indigo Cloud Architecture
2. Commerce Platform ERD (Outer-Port Routing) Download SVG
Lavender Indigo ERD
3. Ortho-Rounded + Line-Jump + Built-in Edge Styles Download SVG
Lavender Indigo Edge Styles
☀️ Light Cloud-Light Family (New)

Amber Sand amber-sand

Warm ivory and amber light theme inspired by AWS/HashiCorp architecture diagrams, with goldenrod containers and espresso text.

#FFFDF9#FFFFFF#D97706#FCD34D#FFFBEB#FEF3C7#FDE68A
Aliases: -amber-warm
1. Cloud Architecture (5-Level Nested VPC) Download SVG
Amber Sand Cloud Architecture
2. Commerce Platform ERD (Outer-Port Routing) Download SVG
Amber Sand ERD
3. Ortho-Rounded + Line-Jump + Built-in Edge Styles Download SVG
Amber Sand Edge Styles
☀️ Light Cloud-Light Family (New)

Rose Quartz rose-quartz

Clean rose and slate design-system light theme with blush container layers, crimson accents, and crisp readability.

#FFFBFB#FFFFFF#E11D48#FDA4AF#FFF1F2#FFE4E6#FECDD3
Aliases: -rose
1. Cloud Architecture (5-Level Nested VPC) Download SVG
Rose Quartz Cloud Architecture
2. Commerce Platform ERD (Outer-Port Routing) Download SVG
Rose Quartz ERD
3. Ortho-Rounded + Line-Jump + Built-in Edge Styles Download SVG
Rose Quartz Edge Styles
🌙 Dark Extended Dark

Obsidian Emerald obsidian-emerald

Sleek Zinc-950 and Emerald-400 developer dark theme with deep carbon surfaces and high-contrast terminal accents.

#09090B#18181B#10B981#065F46#18181B#111C18#0C1512
Aliases: -obsidian
1. Cloud Architecture (5-Level Nested VPC) Download SVG
Obsidian Emerald Cloud Architecture
2. Commerce Platform ERD (Outer-Port Routing) Download SVG
Obsidian Emerald ERD
3. Ortho-Rounded + Line-Jump + Built-in Edge Styles Download SVG
Obsidian Emerald Edge Styles