Oracle Cloud Infrastructure Style guide for topologies diagrams

  • Slides: 32
Download presentation
Oracle Cloud Infrastructure Style guide for topologies & diagrams December 2021 Assets & Standards

Oracle Cloud Infrastructure Style guide for topologies & diagrams December 2021 Assets & Standards

Introduction Thank you for downloading Oracle Cloud Infrastructure Style Guide for topologies and diagrams.

Introduction Thank you for downloading Oracle Cloud Infrastructure Style Guide for topologies and diagrams. You can use this guide to create a unified visual language for topology diagrams using Oracle’s Cloud products and services. The symbols, graphics, and connecting lines on the following pages will help you accurately communicate complex offerings, systems, ideas into an Oracle-branded diagram. Please read the following quick guide to get started. Note: Additional direction is shown in pink using the Courier New Font. DO NOT use pink or Courier New in your diagrams. This set is available in the following formats: • EPS (for print) • SVG • PNG • PPT 2 Copyright © 2021, Oracle and/or its affiliates | 12/28/2021

Redwood Color Palette and Typography • Use the Redwood Theme Colors applied to this

Redwood Color Palette and Typography • Use the Redwood Theme Colors applied to this Power. Point deck. Custom Colors and Recent Colors can change location within the Power. Point palette. Refer to the RGB and Hex values below to ensure correct color usage in your OCI diagrams across applications. • Create your own new color palette if you are building diagrams in other graphics applications. Use the standard Oracle Redwood Colors defined here. • Use Oracle’s standard font; Oracle Sans for all diagram text. If Oracle Sans is not available, use Arial, Calibri or equivalent sans serif font instead. Redwood Color Palette: Air RGB: 252/251/250 HEX: #FCFBFA Bark RGB: 49/45/42 HEX: #312 D 2 A Oracle Red (O-Red) RGB: 199/70/52 HEX: #C 74634 Neutral 1 RGB: 245/244/242 HEX: #F 5 F 4 F 2 Neutral 2 RGB: 223/220/216 HEX: #DFDCD 8 Neutral 3 RGB: 158/152/146 HEX: #9 E 9892 Ocean RGB: 44/89/103 HEX: #2 C 5967 Ivy RGB: 117/156/108 HEX: #759 C 6 C Sienna RGB: 174/86/44 HEX: #AE 562 C Copyright © 2021, Oracle and/or its affiliates | 12/28/2021 Neutral 4 RGB: 112/115/110 HEX: #70736 E

Logical A logical architecture diagram shows how a solution works by depicting logical components

Logical A logical architecture diagram shows how a solution works by depicting logical components or capabilities. It can provide a high-level and more easily understood abstraction of the solution. A logical architecture diagram might group technical complexity into one “box” named with a single capability - not a product nor a technology. User interactions are often shown on this level. 4 Copyright © 2021, Oracle and/or its affiliates | 12/28/2021

Groupings There are two types of Grouping Boxes Location Groups • Location Grouping format

Groupings There are two types of Grouping Boxes Location Groups • Location Grouping format is used to indicate the physical location of the Components placed inside. Format Oracle Cloud • Location Grouping boxes are arranged in a specific way, shown on the Location Canvas slide. Internet Other Groups Align: Font: Color: Top/Centre 9 pt, Bold Bark Line: Color: 1 pt Neutral 3 Fill: Color: 100% Neutral 1 • Other Grouping format is a generic grouping notation for any additional grouping needs. • Other Grouping format is used for any kind of logical, technical, or product-specific grouping needed within a logical architecture. • Other Grouping format is used to define the boarders of environments, states, high availability, clusters, etc. On-Premises Color: 5 3 rd Party Cloud Bark RGB: 49/45/42 HEX: #312 D 2 A Air RGB: 252/251/250 HEX: #FCFBFA Neutral 1 RGB: 245/244/242 HEX: #F 5 F 4 F 2 Neutral 3 RGB: 158/152/146 HEX: #9 E 9892 Copyright © 2021, Oracle and/or its affiliates | 12/28/2021 Format Other Group Align: Font: Color: Top/Centre 9 pt, Bold Bark Line: Color: 1 pt/Dashed Bark Fill: Color: 100% Air

Components Definition Format • Components are subsystems, technical or business-capabilities with well defined responsibilities,

Components Definition Format • Components are subsystems, technical or business-capabilities with well defined responsibilities, boundaries, and interfaces. • Components can have different levels of abstraction in the logical architecture, but should not display any physical assets or information, such as different instances or networking details. Atomic & Composite Oracle Cloud Infrastructure (OCI), On-Premises or 3 rd Party (non-OCI) OCI Component Oracle On-Premises Component Align: Font: Color: Mid/Center 9 pt, Reg Bark Line: Color: 1 pt Ivy Fill: Color: 100% Air Align: Font: Color: Mid/Center 9 pt, Reg Bark Line: Color: 1 pt O-Red Fill: Color: 100% Air Align: Font: Color: Top/Center 9 pt, Bold Bark Line: Color: 1 pt Bark Fill: Color: 100% Air • OCI Components can be shown as atomic (singular unit, not to be broken down further) or as a composite of multiple Components. • Atomic format can be used to summarize larger systems and capabilities when further detail is unnecessary. Format Atomic and Composite Collapsed or Expanded Align: Font: Color: Mid/Center 9 pt, Reg Air Line: Color: None Fill: Color: 100% Ivy Align: Font: Color: Mid/Center 9 pt, Reg Bark Line: Color: 1 pt Ivy Fill: Color: 100% Air Align: Font: Color: Top/Center 9 pt, Bold Bark Atomic Line: Color: 1 pt/Dashed Ivy Atomic Fill: Color: 100% Air Atomic • Collapsed Composite format indicates more detail to come as Expanded Composite Components. • Expanded Composite format can include any other kind of Component, including multiple levels of nested Composite Components. Collapsed Composite Color: 6 Bark RGB: 49/45/42 HEX: #312 D 2 A Oracle Red (O-Red) RGB: 199/70/52 HEX: #C 74634 Ivy RGB: 117/156/108 HEX: #759 C 6 C Air RGB: 252/251/250 HEX: #FCFBFA Copyright © 2021, Oracle and/or its affiliates | 3 rd Party (non-OCI) 12/28/2021 Expanded Composite

Component Drill-Downs Format Use Ivy color at 50% transparency to show expansion in Drill-Downs

Component Drill-Downs Format Use Ivy color at 50% transparency to show expansion in Drill-Downs between Composite and Expansion. Layout Examples Drill-Down Progression Drill-down Indicated EBS on Compute EBS Compute Integration Expanded Composite Ivy @ 50% Transparency Composite DBCS EBS Component Data Warehouse Analytics File Storage Horizontal Drill-down Expansion Component EBS on Compute Color: Compute DBCS File Storage Ivy RGB: 117/156/108 HEX: #759 C 6 C DBCS Ivy @ 50% Transparency File Storage Drill-down Expansion 7 Copyright © 2021, Oracle and/or its affiliates | 12/28/2021 EBS Vertical Drill-down Expansion

Connectors — Logical • Use connector lines to show relationships between icons and grouping

Connectors — Logical • Use connector lines to show relationships between icons and grouping boxes. • Reuse these sample connectors or, generate equivalently formatted connectors. • Use Bark color for all connector lines. • Use 1 pt line weight (or your app’s equivalent) for all connector lines. • Use Open Arrowhead style (or your app’s equivalent) to indicate directional flow. • Use Solid-line connectors for Dataflow. • Use Dashed-line connectors (or your app’s equivalent) for User Interaction. • Maintain consistent width and height of the connector pegs for visual clarity. • Align and center connector lines by each connector joint. • Maintain a small gap between icons and connectors for visual clarity. Color: Arrowhead: Bark RGB: 49/45/42 HEX: #312 D 2 A 8 Copyright © 2021, Oracle and/or its affiliates | 12/28/2021 Sample Dataflow Sample User Interaction Solid-line Dashed-line

Connector Labels • Use connector labels to distinguish different types of logical connections and

Connector Labels • Use connector labels to distinguish different types of logical connections and relationships. • Use 8 pt font size and Bark color for label text. • Place connector labels on the horizontal portions of a line whenever possible. • Center connector labels on the connector line. Text Label Ordered Action Connector Label 1 Connector Label Color: 9 Sienna RGB: 174/86/44 HEX: #AE 562 C Air RGB: 252/251/250 HEX: #FCFBFA Neutral 4 RGB: 112/115/110 HEX: #70736 E Copyright © 2021, Oracle and/or its affiliates | 3 Connector Label 12/28/2021 1 4 2 3 4 1 Connector Label 1 2 3 Connector Label User Interaction Connector Label 2 2 Connector Label 3 3 1 Connector Label Bark RGB: 49/45/42 HEX: #312 D 2 A 2 Ordered and Labeled 4 1 2 3 4 3 1 3 2 1 Connector Label 2 Connector Label Dataflow

Location Canvas Move or delete location canvas regions as needed OCI Region On-Premises Internet

Location Canvas Move or delete location canvas regions as needed OCI Region On-Premises Internet 3 rd Party Cloud 10 Copyright © 2021, Oracle and/or its affiliates | 12/28/2021

Example: Components with Groups OCI Region On-Premises Integration Oracle App Internet Business Logic Analytics

Example: Components with Groups OCI Region On-Premises Integration Oracle App Internet Business Logic Analytics 1 6 User Integration Oracle App 3 User Copyright © 2021, Oracle and/or its affiliates | 4 Analytics Data Warehouse 3 rd Party Cloud 2 5 11 EBS 12/28/2021

Example: On-Premises Components with Groups On-Premises Integration Oracle App Internet Business Logic Analytics 1

Example: On-Premises Components with Groups On-Premises Integration Oracle App Internet Business Logic Analytics 1 6 User Integration Oracle App 3 User Copyright © 2021, Oracle and/or its affiliates | 4 Analytics Data Warehouse 3 rd Party Cloud 2 5 12 EBS 12/28/2021

Numbered Explanations Example: Components with Groups Notes: Last Updated: DD-MMM-YYYY 1. Us Lorem ipsum

Numbered Explanations Example: Components with Groups Notes: Last Updated: DD-MMM-YYYY 1. Us Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac congue metus, in semper risus. 2. Us Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac congue metus, in semper risus. 3. Us Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac congue metus, in semper risus. 4. Us Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac congue metus, in semper risus. 5. Us Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac congue metus, in semper risus. 6. Us Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac congue metus, in semper risus. Using Numbered explanations makes your diagrams easier to scan quickly, and offloads text blocks to a document's body. 13 Copyright © 2021, Oracle and/or its affiliates | 12/28/2021

Physical A physical architecture diagram describes a solution that uses physical or virtualized components

Physical A physical architecture diagram describes a solution that uses physical or virtualized components or products. A physical diagram provides a low-level abstraction of the solution to aid a technical audience in easily understanding components and information flow. A physical architecture diagram does not usually abstract technical components into a single “box”. These diagrams are often used to constrain and drive a later implementation. 14 Copyright © 2021, Oracle and/or its affiliates | 12/28/2021

Grouping Use the boxes on the right when depicting groupings in your diagrams. Groupings

Grouping Use the boxes on the right when depicting groupings in your diagrams. Groupings are divided by logical and physical resource groupings and are indicated by dashed or solid outlines. Network Grouping VCN Icons and captions are not mandatory but should be used if they add clarity and purpose to your diagram. VCN, routing table, and security list icons are used at half size as labels to differentiate the VCN and subnet. In complex diagrams omit them to reduce clutter in the diagram. Location Grouping Align: Font: Color: Line: Color: Fill: Top/Left 9 pt, Bold Sienna 1. 25 pt dashed Sienna No Fill OCI Region Availability Domain Subnet 00. 0. 0/00 Align: Font: Color: Text 2: Color: Line: Color: Fill: Top/Left 9 pt, Bold Sienna 9 pt, light Bark 1 pt dashed Sienna No Fill Fault Domain Align: Font: Color: Line: Color: Fill: Top/Center 9 pt, Bold Bark 1 pt Neutral 3 Neutral 1 Align: Font: Color: Line: Color: Fill: Top/Center 9 pt, semi-bold Bark 1 pt Neutral 3 Neutral 2 Align: Font: Color: Line: Color: Fill: Top/Center 9 pt, semi-bold Bark 1 pt Neutral 3 Air Align: Font: Color: Line: Color: Fill: Top/Center 9 pt Bark 1 pt Neutral 3 Neutral 1 Align: Font: Color: Line: Color: Fill: Top/Center 9 pt, light Bark 1 pt, dashed Neutral 3 Air See this slide for sample usage. Color: Air RGB: 252/251/250 HEX: #FCFBFA Bark RGB: 49/45/42 HEX: #312 D 2 A Neutral 1 RGB: 245/244/242 HEX: #F 5 F 4 F 2 Neutral 2 RGB: 223/220/216 HEX: #DFDCD 8 Compartment Grouping Compartment Tenancy Sienna RGB: 174/86/44 HEX: #AE 562 C 15 Neutral 3 RGB: 158/152/146 HEX: #9 E 9892 Copyright © 2021, Oracle and/or its affiliates | 12/28/2021 Other Grouping Align: Font: Color: Line: Color: Fill: Top/Left 9 pt, Bold Sienna 1 pt dashed Sienna No Fill Align: Font: Color: Line: Color: Fill: Top/Left 9 pt, Reg Bark 1 pt dashed Neutral 3 No Fill User Group Tier

Connectors • Use connector lines to show relationships between icons and grouping boxes. Sample

Connectors • Use connector lines to show relationships between icons and grouping boxes. Sample Connectors Usage Examples • Reuse these sample connectors or, generate equivalently formatted connectors. • Use Bark color for all connector lines. • Use 1 pt line weight (or your app’s equivalent) for all connector lines. • Use Open Arrowhead style (or your app’s equivalent) to indicate directional flow. Bare Metal Compute • Maintain consistent width and height of the connector pegs for visual clarity. Database Subnet A 00. 0. 0/00 • Align and center connector lines by each connector joint. • Maintain a small gap between icons and connectors for visual clarity. Bare Metal Compute Subnet B 00. 0. 0/00 Color: Arrowhead: Database Bark RGB: 49/45/42 HEX: #312 D 2 A 16 Copyright © 2021, Oracle and/or its affiliates | Database 12/28/2021

Special Connectors Icons and Labels The following special connections have specific labeling considerations: •

Special Connectors Icons and Labels The following special connections have specific labeling considerations: • Connector specific icons, lines and text are shown in Bark color. • Connector specific icons are scaled down to ½ size and centered over the connection line. • Use the background fill color of the label textbox to mask the line behind the text and ensure legibility. Samples Note: Label text and icon are always placed over the connection line being labeled. Local Peering Remote Peering label text is placed over the connection line and grouped with the Remote Peering icon. Local Peering label text is placed over the connection line without an icon. Site-to-Site VPN Fast. Connect Site-to-Site VPN label text is placed over the connection line and grouped with the VPN icon. Site-to-Site VPN or Fast. Connect Color: Site-to-Site VPN or Fast. Connect label text is placed over the connection line without an icon. Bark RGB: 49/45/42 HEX: #312 D 2 A 17 Copyright © 2021, Oracle and/or its affiliates | Fast. Connect label text is placed over the connection line and grouped with the Fast. Connect icon. 12/28/2021

Special Connections Usage Examples The following special connections have specific usage considerations: • Remote

Special Connections Usage Examples The following special connections have specific usage considerations: • Remote Peering always occurs between DRGs in different regions. • Local Peering always occurs between Local Peering Gateways in the same region. This is always a 1: 1 connection. • Site-to-Site VPN connections always connect a DRG to a CPE device. Region VCN VCN Local Peering Remote Peering DRG LPG DRG icons at both endpoints and Remote Peering icon and text label at center. LPG icons at both endpoints and Local Peering text label at center with no icon. • Fast. Connect always connects a DRG to an onpremises network, usually to a CPE device. • In cases where connectivity between cloud and on -premises needs to be shown but the connection method is not important to the diagram, use Siteto-Site VPN or Fast. Connect as shown. VCN On-Premises Site-to-Site VPN Fast. Connect CPE DRG CPE and DRG icons at endpoints and VPN icon and text label at center. DRG CPE and DRG icons at endpoints and Fast. Connect icon and text label at center. Color: Air RGB: 252/251/250 HEX: #FCFBFA Bark RGB: 49/45/42 HEX: #312 D 2 A Ocean RGB: 44/89/103 HEX: #2 C 5967 Sienna RGB: 174/86/44 HEX: #AE 562 C VCN On-Premises Site-to-Site VPN or Fast. Connect CPE DRG CPE and DRG icons at either endpoint and Site-to-Site VPN or Fast. Connect text label at center with no icon. 18 Copyright © 2021, Oracle and/or its affiliates | 12/28/2021

Icon Scaling, Color and Labeling Maintain Aspect Ratio Color Never alter icon proportions (aspect

Icon Scaling, Color and Labeling Maintain Aspect Ratio Color Never alter icon proportions (aspect ratio). To resize, hold the shift key in most software programs to maintain the proportions while scaling up or down. To ensure brand consistency and clarity in your diagrams, limit color usage to Oracle Ocean and Oracle Sienna. Do use Shift + Scale Do not rotate or flip Do not embellish Copy and paste icons in approved colors located in the Icons section. Labeling Ocean RGB: 44/89/103 HEX: #2 C 5967 19 Sienna RGB: 174/86/44 HEX: #AE 562 C Copyright © 2021, Oracle and/or its affiliates | Do not add effects 12/28/2021 Do not skew Do not use unapproved colors Do not use more than one color on a single icon Ocean on dark background color Always include identification labels provided with Icons. Use Icons as indicated by labels included in the Icons section. Color: Sienna Never use colors that are not in the Oracle corporate palette. Never use more than one color on a single icon. Maintain Shape To ensure accurate and consistent use, never alter, rotate or embellish the icons. Do not use effects such as dropshadow or 3 d effects on icons. Ocean Do not use icons without labels

Empty Template Move or delete template components as needed On-Premises OCI Region Internet Availability

Empty Template Move or delete template components as needed On-Premises OCI Region Internet Availability Domain Fault Domain 1 Fault Domain 2 Fault Domain 3 VCN Subnet 00. 0. 0/00 3 rd Party Cloud Connectivity Provider 20 Copyright © 2021, Oracle and/or its affiliates | 12/28/2021

Sample Diagram OCI Region Fault Domain 1 Fault Domain 2 Internet Gateway Internet VCN-0

Sample Diagram OCI Region Fault Domain 1 Fault Domain 2 Internet Gateway Internet VCN-0 (Hub) Subnet 00. 0. 0/00 VPN DRG Bastion Service Public Load Balancer WAF SG-0 Policies VCN-1 (Front) Subnet 00. 0. 0/00 IDCS LB INFO LB OBIF LB WEBF SG-1 Kuber_Test Object Storage LUNATST CPE Copyright © 2021, Oracle and/or its affiliates | 3 rd Party Cloud Loggin g Subnet 00. 0. 0/00 21 Auditin g Kuber_Prod VCN-2 (Back) On-Premises Users 12/28/2021 MIZARTST LUNATST MIZARPRD SG-2 SG-3 Object Storage

Icons 22 Copyright © 2021, Oracle and/or its affiliates | 12/28/2021

Icons 22 Copyright © 2021, Oracle and/or its affiliates | 12/28/2021

Compute Bare Metal Compute Virtual Machine Flex Virtual Machine (VM) Containers Container Engine For

Compute Bare Metal Compute Virtual Machine Flex Virtual Machine (VM) Containers Container Engine For Kubernetes Container Registry Burstable Virtual Machine (VM) Functions Roving Edge Infrastructure 23 Copyright © 2021, Oracle and/or its affiliates | 12/28/2021 Instance Pools Persistent Volume Local Storage Autoscaling

Storage Block Storage Object Storage Buckets Back Up/ Restore 24 File Storage Data Transfer

Storage Block Storage Object Storage Buckets Back Up/ Restore 24 File Storage Data Transfer Copyright © 2021, Oracle and/or its affiliates | Block Storage Cloning 12/28/2021 Elastic Performance Storage Gateway

Networking & Security DDo. S Protection Network Security Group Virtual Cloud Network Security Lists

Networking & Security DDo. S Protection Network Security Group Virtual Cloud Network Security Lists 25 WAF Cloud Guard Key Vault Key Management Maximum Security Zone IAM Encryption VPN/ Fast. Connect Route Table Network Switch Load Balancer CDN Copyright © 2021, Oracle and/or its affiliates | Service Gateway DNS 12/28/2021 Internet Gateway Firewall Dynamic Routing Gateway Customer Data Center NAT Gateway Backbone Customer Premises Equipment Identity

Governance Oracle Cloud Identifier 26 Policies Groups Copyright © 2021, Oracle and/or its affiliates

Governance Oracle Cloud Identifier 26 Policies Groups Copyright © 2021, Oracle and/or its affiliates | Compartments 12/28/2021 Loggin g Auditin g Taggin g User

Observability & Management Notifications Service Connector Hub Queuing Operations Insights 27 Search Application Performance

Observability & Management Notifications Service Connector Hub Queuing Operations Insights 27 Search Application Performance Monitoring Workflow Email Delivery Healthcheck Logging Analytics Resource Manager Events Database Management Copyright © 2021, Oracle and/or its affiliates | 12/28/2021 Monitoring Alarms VCN Flow Logs

Integration & API Services API Gateway 28 API Service Integrations Copyright © 2021, Oracle

Integration & API Services API Gateway 28 API Service Integrations Copyright © 2021, Oracle and/or its affiliates | 12/28/2021

Data Management & Analytics Data Flow Big Database System Autonomous Database Autonomous Data Warehouse

Data Management & Analytics Data Flow Big Database System Autonomous Database Autonomous Data Warehouse Data Integration Autonomous Transaction Processing ATP Data Catalog Exadata Analytics 29 Copyright © 2021, Oracle and/or its affiliates | 12/28/2021 Database Migration Streaming Database No SQL Database Golden. Gate My. SQL Database Service Pluggable Database Heatwave

Developer Services & Artificial Intelligence OCI-Dev. Ops Oracle Machine Learning APEX Oracle Digital Assistant

Developer Services & Artificial Intelligence OCI-Dev. Ops Oracle Machine Learning APEX Oracle Digital Assistant Artificial Intelligence Visual Builder Data Science Blockchain Content Management 30 Copyright © 2021, Oracle and/or its affiliates | 12/28/2021

Other Cloud Service 31 ERP Human Capital Management HCM Copyright © 2021, Oracle and/or

Other Cloud Service 31 ERP Human Capital Management HCM Copyright © 2021, Oracle and/or its affiliates | Fusion 12/28/2021 Marketplace Cloud at Customer Dedicated Region