oci-deal-accelerator/kb/diagram/oracle-ref-measurements.md

Oracle Architecture Center Reference Diagram Measurements

Extracted from official Oracle .drawio source files (draw.io/28.0.4, Visio-exported).

Sources analyzed:

1. Hub-and-Spoke DRG (hub-spoke-network-drg) - single-region, 3 VCNs, hub topology
2. Essbase Cross-Region DR (cross-region-dr-essbase-oci) - dual-region, 3 ADs each, DR topology

Tool: draw.io 28.0.4 (Electron), exported from Visio (.vsdx)

---

1. Canvas / Page Settings

Property	Hub-Spoke DRG	Essbase DR
pageWidth	850	850
pageHeight	1100	1100
gridSize	10	10
Actual content W	693	2339
Actual content H	846	1154

---

2. Font Specifications

Usage	Font Family	Font Size	Style
Region/VCN/service labels	Oracle Sans	16.93px (~17px)	Bold for region title
Annotation text	Oracle Sans	14.82px (~15px)	Regular
Label box height	-	20px	-
Annotation box height	-	17px	-

---

3. Color Palette

Element	Hex
OCI Region fill	#f5f4f2
OCI Region stroke	#9e9892
VCN / Subnet border (dashed)	#aa643b
Connector lines / solid borders	#312d2a
Service icon primary (teal)	#2d5967
Connector lines (Essbase)	#161513
AD fill (multi-AD diagrams)	#e4e1dd
Background	#FFFFFF
Accent brown	#ae562c

---

4. Container Dimensions

4.1 OCI Region

• Hub-Spoke: 456x845 at (236,0), fill=#f5f4f2, stroke=#9e9892
• Essbase Left: 995x849 at (0,305)
• Essbase Right: 1080x849 at (1258,304)
• Pattern: Double-rendered (fill layer + stroke layer as separate shapes)

4.2 VCN

• DMZ VCN (Hub-Spoke): 226x354 at (456,26)
• Spoke VCN 1: 226x205 at (456,406)
• Spoke VCN 2: 226x202 at (457,634)
• Essbase left VCN: 894x766 at (30,355)
• Essbase right VCN: 872x766 at (1328,354)
• Style: strokeColor=#aa643b, strokeWidth=2, dashed=1, dashPattern=4.00 2.00

4.3 Subnet

• Management Subnet: 176x134 at (498,76)
• Services Subnet: 176x134 at (498,238)
• Workload Subnet 1: 175x143 at (500,458)
• Workload Subnet 2: 175x142 at (500,686)
• Style: Same as VCN (strokeColor=#aa643b, strokeWidth=2, dashed)

4.4 Availability Domain (Essbase)

• Width: 188, Height: 815
• Positions: x=211, 425, 632 (left region), x=1508, 1724, 1930 (right region)
• AD-to-AD gap: 18-28px (~25px avg)
• Style: fill=#e4e1dd, stroke=#9e9892

4.5 On-Premises Box (Essbase)

• 260x251 at (997,0) - centered between two regions
• Style: fill=#f5f4f2, stroke=#9e9892

4.6 Workload Rows (Essbase)

• Standard row: 807x111
• Bottom row (expanded): 807x149
• Y positions: 415, 552, 690, 828, 962
• Row-to-row gap: 23-27px (~25px)

4.7 Compartment Boxes (Essbase)

• 189x49 - placed at AD/row intersections

---

5. Icon Dimensions

5.1 Service Icons (VM, Bastion, Database, etc.)

• 3-layer nesting: 63x63 outer > 61x61 middle > 60x60 inner
• Standard service icon = 60px rendered in 63px box
• Internal details: 13x13 grid cells, 43x13 bottom bar, 3x3 dots

5.2 Gateway Icons (IGW, NAT, SGW, DRG attachments)

• 3-layer nesting: 42x42 outer > 41x41 middle > 40x40 inner
• Central symbol: 29x26, internal detail: 22x29
• Status indicators: 4x4 dots, 5x1 bars

5.3 OCI Toolkit Icons (Bastion-type)

• 40x63 outer > 39x61 middle > 34x58 inner (portrait orientation)

5.4 Database/Storage Icons

• 59x63 outer > 58x61 middle > inner symbol 39x26 + 21x21

5.5 External Icons (Internet, On-Premises)

• Same 63x63 as service icons

---

6. Spacing Rules

6.1 Vertical Spacing

Measurement	Value
Region label Y offset	7px from region top
VCN/Subnet label Y offset	8px from container top
VCN top to first subnet	50px
Subnet-to-subnet gap	28px
VCN-to-VCN gap	26px
Workload row gap	23-27px (~25px)
Gateway Y within VCN	29px from VCN top

6.2 Horizontal Spacing

Measurement	Value
VCN to subnet left indent	42-44px
Service icon X within subnet	80px from subnet left
Gateway X from VCN left	168px
AD-to-AD gap	18-28px (~25px)
Inter-region gap (Essbase)	263px

6.3 Label Spacing

Measurement	Value
Label box height	20px (standard)
Annotation box height	17px
Line-to-line spacing	17px

---

7. Connector Styles

Oracle Visio-exported .drawio files do NOT use draw.io native edges. Connectors are thin rectangles:

• Horizontal: Wx1 rectangles, stroke=#312d2a
• Vertical: 2xH or 1xH rectangles
• Cross-region (Essbase): stroke=#161513
• Examples:
  • Internet-to-Gateway: 350x1 at (80,153)
  • Mid-connections: 156x1 at (98,524)
  • DR replication: 549x1 at (391,1045)
  • Vertical link: 1x65 at (1128,365)

---

8. Border/Stroke Styles

Element	strokeColor	strokeWidth	dashed	dashPattern
Region	#9e9892	1	No	-
VCN	#aa643b	2	Yes	4.00 2.00
Subnet	#aa643b	2	Yes	4.00 2.00
AD	#9e9892	1	No	-
Solid grouping	#312d2a	2	No	-
Connector	#312d2a/#161513	1	No	-

---

9. Double-Layer Container Rendering

Oracle renders each container as TWO overlapping shapes:

1. Fill layer: fillColor=, strokeColor=none
2. Stroke layer: fillColor=none, strokeColor=

This pattern applies to Region, VCN, Subnet, and AD containers.

---

10. Key Proportional Ratios

Ratio	Value	Description
Gateway:Service icon	42:63 = 0.67	Gateways 2/3 size of service icons
VCN:Subnet width	226:176 = 1.28	VCN ~28% wider than subnet
VCN left padding	42-44px	Subnet indent
VCN top padding	50px	To first subnet
VCN bottom padding	~22-26px	After last subnet
Region aspect (hub-spoke)	456:845 = 0.54	Portrait
AD aspect (multi-AD)	188:815 = 0.23	Very tall/narrow
Workload row aspect	807:111 = 7.27	Very wide/short

---

11. Recommended Calibration for oci_diagram_gen.py

region:
  min_width: 456
  min_height: 845
  fill: "#f5f4f2"
  stroke: "#9e9892"
  stroke_width: 1
  corner_radius: 0

vcn:
  min_width: 226
  typical_height_hub: 205
  typical_height_dmz: 354
  stroke: "#aa643b"
  stroke_width: 2
  dashed: true
  dash_pattern: "4 2"

subnet:
  width: 176
  typical_height: 134-143
  stroke: "#aa643b"
  stroke_width: 2
  dashed: true
  dash_pattern: "4 2"

availability_domain:
  width: 188
  height: 815
  fill: "#e4e1dd"
  stroke: "#9e9892"

service_icon:
  outer: 63
  rendered: 60

gateway_icon:
  outer: 42
  rendered: 40
  inner_symbol: 29x26

spacing:
  vcn_to_vcn_gap: 26
  subnet_to_subnet_gap: 28
  vcn_top_to_first_subnet: 50
  vcn_left_to_subnet: 42
  subnet_to_service_icon: 80
  gateway_x_from_vcn_left: 168
  gateway_y_from_vcn_top: 29
  label_y_offset: 8
  region_label_y: 7
  workload_row_gap: 25
  ad_to_ad_gap: 25
  inter_region_gap: 263

fonts:
  family: "Oracle Sans"
  label_size: 17
  annotation_size: 15
  label_box_height: 20
  annotation_box_height: 17

colors:
  region_fill: "#f5f4f2"
  region_stroke: "#9e9892"
  vcn_stroke: "#aa643b"
  subnet_stroke: "#aa643b"
  ad_fill: "#e4e1dd"
  icon_primary: "#2d5967"
  text_dark: "#312d2a"
  connector: "#312d2a"
  background: "#FFFFFF"

---

12. Layout Patterns

Single-Region Hub-Spoke

• VCNs stacked vertically
• External icons (Internet, On-Prem) at far left
• Gateways between external and VCN
• DRG centered with route table
• Service icons right-aligned within subnets

Dual-Region DR

• Regions side by side horizontally
• On-Premises box centered above/between regions
• ADs as vertical columns within each region
• Workload tiers as horizontal rows crossing all ADs
• Compartment boxes at AD-row intersections
• DR arrows as horizontal lines between matching rows