{"id":2116,"date":"2026-05-26T07:53:11","date_gmt":"2026-05-26T07:53:11","guid":{"rendered":"https:\/\/www.vpascode.com\/pt\/docs\/uncategorized\/plantuml-c4-model-syntax-guide\/"},"modified":"2026-05-26T07:53:11","modified_gmt":"2026-05-26T07:53:11","slug":"plantuml-c4-model-syntax-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/pt\/docs\/vpascode-docs\/plantuml-c4-model-syntax-guide\/","title":{"rendered":"Guia de Sintaxe do Modelo C4 do PlantUML"},"content":{"rendered":"<h2>O que \u00e9 o Diagrama do Modelo C4?<\/h2>\n<p>O <strong>Diagrama do Modelo C4<\/strong>\u00e9 um framework arquitet\u00f4nico hier\u00e1rquico de quatro n\u00edveis projetado para documentar arquiteturas de software com diferentes graus de detalhe granular. Criado por Simon Brown, o C4 evita caixas e linhas vagas estruturando mapas de sistemas em quatro lentes de abstra\u00e7\u00e3o expl\u00edcitas: <strong>Contexto<\/strong> (alcance de n\u00edvel de sistema), <strong>Container<\/strong> (Aplica\u00e7\u00f5es e armazenamentos de dados), <strong>Componente<\/strong> (m\u00f3dulos internos), e <strong>C\u00f3digo<\/strong> (implementa\u00e7\u00f5es de n\u00edvel de classe).<\/p>\n<p>Para implementar este modelo de forma eficaz em texto, engenheiros usam a extens\u00e3o oficial <code>C4-PlantUML<\/code>biblioteca padr\u00e3o de extens\u00e3o. Esta biblioteca substitui formas brutas de UML por macros especializadas que injetam automaticamente cores distintas, formas e campos de metadados para usu\u00e1rios, sistemas e bancos de dados. Com <strong>VPasCode<\/strong>, voc\u00ea pode definir esses ambientes aninhados de forma limpa no c\u00f3digo. O motor de layout roteia dinamicamente vetores de conex\u00e3o e dimensiona campos de texto sem comprometer a geometria do seu layout.<\/p>\n<h2>Guia de Sintaxe Principal: Elementos e Constru\u00e7\u00f5es<\/h2>\n<p>Construir um modelo C4 v\u00e1lido usando PlantUML depende da importa\u00e7\u00e3o dos arquivos de biblioteca corretos, da sele\u00e7\u00e3o de macros estruturais, da defini\u00e7\u00e3o de limites e do uso de links de relacionamento especializados.<\/p>\n<h3>1. Importa\u00e7\u00e3o dos Arquivos da Biblioteca Padr\u00e3o C4<\/h3>\n<p>O <code>C4-PlantUML<\/code>a extens\u00e3o \u00e9 dividida em arquivos individuais que mapeiam diretamente para os n\u00edveis distintos do modelo de abstra\u00e7\u00e3o. Para evitar lentid\u00f5es de desempenho ou erros do compilador, voc\u00ea deve importar apenas a camada de arquivo espec\u00edfica que seu diagrama almeja:<\/p>\n<pre class=\"lang-plantuml\"><code>@startuml\r\n' Inclua o arquivo de camada C4 espec\u00edfico necess\u00e1rio\r\n!include &lt;C4\/C4_Context&gt;\r\n' Use C4_Container ou C4_Component para mapas arquitet\u00f4nicos mais profundos<\/code><\/pre>\n<h3>2. Declarando Atores e Sistemas Principais (N\u00edvel de Contexto)<\/h3>\n<p>No n\u00edvel de contexto do sistema, voc\u00ea modela componentes internos, depend\u00eancias externas e usu\u00e1rios humanos. A biblioteca padr\u00e3o fornece macros espec\u00edficas que aceitam um ID, uma etiqueta visual e uma tag descritiva opcional:<\/p>\n<ul>\n<li><code>Pessoa(id, \"R\u00f3tulo\", \"Descri\u00e7\u00e3o\")<\/code> \u2014 Representa um perfil de usu\u00e1rio humano ou ator do sistema.<\/li>\n<li><code>Sistema(id, \"R\u00f3tulo\", \"Descri\u00e7\u00e3o\")<\/code> \u2014 Representa uma aplica\u00e7\u00e3o de software interna principal ou ecossistema de servi\u00e7os.<\/li>\n<li><code>System_Ext(id, \"R\u00f3tulo\", \"Descri\u00e7\u00e3o\")<\/code> \u2014 Representa um sistema externo ou depend\u00eancia de API de terceiros (aparece com uma paleta de cores cinza expl\u00edcita).<\/li>\n<\/ul>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:HS_1IWD130RW-yA-GzpJ5XGlFOgemu8UXC9wNz9fMeCp6PbaRVVjdR4j7fFy-KYUr33R70EuzJG4YYIcRNF3uiEy8tXmw_ioSKcCJlRODXlAcgJtirgAb6-XUq7vOZc0kxIwqdk6Qm2ER9-0yFstXm6s9GxeVPh5kbNRZ8iQnNvxLYPTjEoxb0cky3bHsLUKNI25FGkAvw9PHb7qnadqNvk6a_KHELouuQuMC5B-OKzLUYl_v7hE-Fwn0Kd6U_PO6JYWqH6NRlKB\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edite o Plantuml no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:HOz1IiH044NtWToXp2e3YfjPYeWXk182qNKesneffhjQkYeoSnnnCIVm1BcO5HYPLS7x_p-e1pKiDgS8tNRg8oKIqxgwOWbnVYUuwxQtddHPZ0vsNrS35StIXbaj9ohNq7IHVKJmY1AMxyAvSVYQ89nvo0dcX7x54DxEBOHFKiqOcqrTZKSrIgrdUvQFIO_gYf5NY1SlTEuhll3mYGf9S8i3KLnEooyfx5YyJ5nGBzgfFrYRaEE_byeNBwSC_bv_imQhSCZ5CAvCil6Em-hyoJ0-lmp0_aUHt6p-0000\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml C4_Elements\r\n!include &lt;C4\/C4_Context&gt;\r\nPerson(customer, \"Cliente Banc\u00e1rio\", \"Um cliente com uma conta banc\u00e1ria pessoal\")\r\nSystem(banking_sys, \"Sistema Banc\u00e1rio Central\", \"Gerencia transa\u00e7\u00f5es financeiras\")\r\nSystem_Ext(mail_sys, \"Servi\u00e7o de E-mail\", \"Portal de notifica\u00e7\u00e3o SMTP interno\")<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:HOz1IiH044NtWToXp2e3YfjPYeWXk182qNKesneffhjQkYeoSnnnCIVm1BcO5HYPLS7x_p-e1pKiDgS8tNRg8oKIqxgwOWbnVYUuwxQtddHPZ0vsNrS35StIXbaj9ohNq7IHVKJmY1AMxyAvSVYQ89nvo0dcX7x54DxEBOHFKiqOcqrTZKSrIgrdUvQFIO_gYf5NY1SlTEuhll3mYGf9S8i3KLnEooyfx5YyJ5nGBzgfFrYRaEE_byeNBwSC_bv_imQhSCZ5CAvCil6Em-hyoJ0-lmp0_aUHt6p-0000\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:HS_1IWD130RW-yA-GzpJ5XGlFOgemu8UXC9wNz9fMeCp6PbaRVVjdR4j7fFy-KYUr33R70EuzJG4YYIcRNF3uiEy8tXmw_ioSKcCJlRODXlAcgJtirgAb6-XUq7vOZc0kxIwqdk6Qm2ER9-0yFstXm6s9GxeVPh5kbNRZ8iQnNvxLYPTjEoxb0cky3bHsLUKNI25FGkAvw9PHb7qnadqNvk6a_KHELouuQuMC5B-OKzLUYl_v7hE-Fwn0Kd6U_PO6JYWqH6NRlKB\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edite o Plantuml no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"USSGhTV\"><img fetchpriority=\"high\" alt=\"\" class=\"alignnone size-full wp-image-608\" decoding=\"async\" fetchpriority=\"high\" height=\"316\" sizes=\"(max-width: 461px) 100vw, 461px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1901f8a8e4e.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1901f8a8e4e.png 461w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1901f8a8e4e-300x206.png 300w\" width=\"461\"\/><\/p>\n<h3>3. Limites Explodidos (N\u00edveis de Container e Componente)<\/h3>\n<p>Ao aprofundar-se na camada de Container, voc\u00ea modela aplicativos web, microservi\u00e7os e bancos de dados. Voc\u00ea pode isolar esses elementos internos dentro de uma caixa l\u00f3gica expl\u00edcita usando o<code>System_Boundary()<\/code>envolt\u00f3rio de macro:<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NOrFQyCm3CNlWNm7DOUHmi8Oz3W6MzfR3zsyUr1iDHCujf6TbZ3stUTaVmxJHNfFqkzjs6ax6OA7TdVNxhhMkuJiI1xBeYpK71EDtREVd46PQtr_2zMXQVquacY2xpqSj6_YEbPR-2WBoFK7gg_KTnX2_bJi1alD2GU2fn0iQqpiNPLNhuGwmGsypO6K5WvfSK_YBsmemXH9u4oO9idgmWYPcZjTg-s_l7rV6qpOOwILQzSCjB3_SLUmZsaGKY_7HQdavJSaY3-p9K1dm98PilNECHymnINhymi0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edite o Plantuml no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NP2nJa9144Lx4lvXV8M1nCIOK1eJU61bWM1FXdqZRh9lPpEx3mF67x4Z5iHQ_s1_p5aA2gRRkRddtfqhwuth6eBxUdHRZrOr-uJMappqU_tUSXSJjQi9Txv1sGtCtGrKCyCnsY8WgB7cDl-8iGmpHqdodxU6go5yz7kWSmOEtcczmX2KC0xE6ansomKmpuUDzGZvIvrOgRuWD0ckuMKNQ6d4XbIsZooU386GwIHoX8QXYrq-Y6O75cZ9de1R6pjqTe_vcByPDBSQNfIPhWSD9bnZ92LFq9kJSugDSXVaKF_ZqPNOESUq4Le-FvNNM5hSaxOD9Ays5jEv0y6RdYN_YXxWf3Zq-OWj-SInLFZy1m00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">!include &lt;C4\/C4_Container&gt;\r\n\r\nSystem_Boundary(c1, \"Ecossistema de Com\u00e9rcio Eletr\u00f4nico\") {\r\n    Container(web_app, \"Aplicativo de P\u00e1gina \u00danica\", \"React &amp; TypeScript\", \"Fornece recursos do usu\u00e1rio por meio de visualiza\u00e7\u00e3o web\")\r\n    ContainerDb(database, \"Banco de Dados Relacional\", \"PostgreSQL\", \"Armazena perfis de usu\u00e1rio e hist\u00f3ricos de lan\u00e7amentos\")\r\n}<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NP2nJa9144Lx4lvXV8M1nCIOK1eJU61bWM1FXdqZRh9lPpEx3mF67x4Z5iHQ_s1_p5aA2gRRkRddtfqhwuth6eBxUdHRZrOr-uJMappqU_tUSXSJjQi9Txv1sGtCtGrKCyCnsY8WgB7cDl-8iGmpHqdodxU6go5yz7kWSmOEtcczmX2KC0xE6ansomKmpuUDzGZvIvrOgRuWD0ckuMKNQ6d4XbIsZooU386GwIHoX8QXYrq-Y6O75cZ9de1R6pjqTe_vcByPDBSQNfIPhWSD9bnZ92LFq9kJSugDSXVaKF_ZqPNOESUq4Le-FvNNM5hSaxOD9Ays5jEv0y6RdYN_YXxWf3Zq-OWj-SInLFZy1m00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NOrFQyCm3CNlWNm7DOUHmi8Oz3W6MzfR3zsyUr1iDHCujf6TbZ3stUTaVmxJHNfFqkzjs6ax6OA7TdVNxhhMkuJiI1xBeYpK71EDtREVd46PQtr_2zMXQVquacY2xpqSj6_YEbPR-2WBoFK7gg_KTnX2_bJi1alD2GU2fn0iQqpiNPLNhuGwmGsypO6K5WvfSK_YBsmemXH9u4oO9idgmWYPcZjTg-s_l7rV6qpOOwILQzSCjB3_SLUmZsaGKY_7HQdavJSaY3-p9K1dm98PilNECHymnINhymi0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edite o Plantuml no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"GZPysCa\"><img alt=\"\" class=\"alignnone size-full wp-image-609\" decoding=\"async\" height=\"223\" sizes=\"(max-width: 473px) 100vw, 473px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1902094851f.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1902094851f.png 473w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1902094851f-300x141.png 300w\" width=\"473\"\/><\/p>\n<h3>4. Mapeamento de Relacionamentos T\u00e9cnicos<\/h3>\n<p>Em vez de depender de linhas tracejadas b\u00e1sicas, o C4 utiliza um formato de macros de comunica\u00e7\u00e3o expl\u00edcito como<code>Rel(De_ID, Para_ID, \"R\u00f3tulo\", \"Tecnologia\")<\/code>. Isso mant\u00e9m seus mapas de arquitetura altamente leg\u00edveis, exigindo que cada conex\u00e3o indique seu prop\u00f3sito e o protocolo de transporte subjacente (como HTTPS, gRPC ou AMQP):<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LPB1QkD038Rl1h-3ciFYG4DPwB4KMZVGXLrmr-uvo6FP5PtCc9bnNBFikrVZE6dZoo0XVVf_oLTib1uQWhlyzYQ_tUNM16H3xZvDqgGWvwt9rE23tPExXjKZcdSs7UHBQYMv1pWLmCZX3H3wkGyrr58Eg9GTJ5YjqwISVA1zLXyfEpzvwS-j8pY1ZnKH-uocqUIXPOD6iT22G-DH1RR6Vz5ssu-GxP7rWjjkOW0bkGChYgHV9f2BSie_LG761cvPOSH0Xu56d2Bjp7iKjGswALC_Prnkz-9DqQ8Djifk_57c6lwb2SXttbisKht3lfVEKlnesXJO4JpqlLvcHaL_IMp03wYcdahbk0ynMpXxu4Oi3rvssHA6mKbqO0IXoajZ57enxwdE6WnOewUPg-SPulLfoSvWwqFdg7pv7QCoM7SQqZlRiYQGNOEcffFK6yin7TEyulzf8inlVy2NlLSla5XAhHCr5thd-rLLKKP619pRBiHYu-V9e-CWZT_kAmPYvOaboc-gl5YjFm40\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edite o Plantuml no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NPB1RjD048Rlbl8EGmx8bOegf1uHKki6E1J9rEavccmcOM2zQysk0odYHRXL72Au0a-mByQicoO1NopFx7px___u2JjZ-mN1Y-hyh3gVLTv5P4VoSbICYfeaU5UQFaJVafp2kB9CBX9SeZFfNjYFjNZRWjdLZM-XRr7Voe7vxXH2Ho5ujEEJKT5iGgIsrDv7TgjPs0H5D9oBUE12fJpH2Ms-9Y5dbA855p1jqnyAi6IdXua5mm4xctoEPOji7xaaQqvR3sfnyYmtCh3s4j7cclEHbsmoyxk7vksq1bOVudncxgcNldSBb4rfdklunFWGTeALKVas_H2ZcYUMegJVZesEmvTH0Vhi8oq_qNo6NQU4YyxgfP7NWx0wtQ_K3AHlEebPu0sXYV0KffkE6YFSnLnzvSMH8H0olIucmC937_g7l3elq18Fm3M77YtVxMpflTdDFsAkvkK28yuna99pxCFa5IwKUqCMrO_3NLeXheIQTzVvwq9Ql2ENLofB3dbehu7WlSQIVea6C7GikhJ5LbVfXoLz7HNAFlgX3f7SHiwAZymXMFy1Zutb-zzCftMJMHcq7p_oSfr-gX0AHcXDsiY67dwSmP9A_e-eniwcLJq--Gi0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">!include &lt;C4\/C4_Container&gt;\r\n\r\nPerson(customer, \"Cliente Banc\u00e1rio\", \"Um cliente com uma conta banc\u00e1ria pessoal\")\r\nSystem(banking_sys, \"Sistema Banc\u00e1rio Central\", \"Gerencia transa\u00e7\u00f5es financeiras\")\r\nSystem_Ext(mail_sys, \"Servi\u00e7o de E-mail\", \"Portal de notifica\u00e7\u00e3o SMTP interno\")\r\n\r\nSystem_Boundary(c1, \"Ecossistema de Com\u00e9rcio Eletr\u00f4nico\") {\r\n    Container(web_app, \"Aplicativo de P\u00e1gina \u00danica\", \"React &amp; TypeScript\", \"Fornece recursos do usu\u00e1rio por meio de visualiza\u00e7\u00e3o web\")\r\n    ContainerDb(database, \"Banco de Dados Relacional\", \"PostgreSQL\", \"Armazena perfis de usu\u00e1rio e hist\u00f3ricos de lan\u00e7amentos\")\r\n}\r\nRel(customer, web_app, \"Utiliza recursos da loja por meio de\", \"HTTPS\")\r\nRel(web_app, database, \"L\u00ea e escreve dados transacionais por meio de\", \"SQL\/TCP\")<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NPB1RjD048Rlbl8EGmx8bOegf1uHKki6E1J9rEavccmcOM2zQysk0odYHRXL72Au0a-mByQicoO1NopFx7px___u2JjZ-mN1Y-hyh3gVLTv5P4VoSbICYfeaU5UQFaJVafp2kB9CBX9SeZFfNjYFjNZRWjdLZM-XRr7Voe7vxXH2Ho5ujEEJKT5iGgIsrDv7TgjPs0H5D9oBUE12fJpH2Ms-9Y5dbA855p1jqnyAi6IdXua5mm4xctoEPOji7xaaQqvR3sfnyYmtCh3s4j7cclEHbsmoyxk7vksq1bOVudncxgcNldSBb4rfdklunFWGTeALKVas_H2ZcYUMegJVZesEmvTH0Vhi8oq_qNo6NQU4YyxgfP7NWx0wtQ_K3AHlEebPu0sXYV0KffkE6YFSnLnzvSMH8H0olIucmC937_g7l3elq18Fm3M77YtVxMpflTdDFsAkvkK28yuna99pxCFa5IwKUqCMrO_3NLeXheIQTzVvwq9Ql2ENLofB3dbehu7WlSQIVea6C7GikhJ5LbVfXoLz7HNAFlgX3f7SHiwAZymXMFy1Zutb-zzCftMJMHcq7p_oSfr-gX0AHcXDsiY67dwSmP9A_e-eniwcLJq--Gi0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LPB1QkD038Rl1h-3ciFYG4DPwB4KMZVGXLrmr-uvo6FP5PtCc9bnNBFikrVZE6dZoo0XVVf_oLTib1uQWhlyzYQ_tUNM16H3xZvDqgGWvwt9rE23tPExXjKZcdSs7UHBQYMv1pWLmCZX3H3wkGyrr58Eg9GTJ5YjqwISVA1zLXyfEpzvwS-j8pY1ZnKH-uocqUIXPOD6iT22G-DH1RR6Vz5ssu-GxP7rWjjkOW0bkGChYgHV9f2BSie_LG761cvPOSH0Xu56d2Bjp7iKjGswALC_Prnkz-9DqQ8Djifk_57c6lwb2SXttbisKht3lfVEKlnesXJO4JpqlLvcHaL_IMp03wYcdahbk0ynMpXxu4Oi3rvssHA6mKbqO0IXoajZ57enxwdE6WnOewUPg-SPulLfoSvWwqFdg7pv7QCoM7SQqZlRiYQGNOEcffFK6yin7TEyulzf8inlVy2NlLSla5XAhHCr5thd-rLLKKP619pRBiHYu-V9e-CWZT_kAmPYvOaboc-gl5YjFm40\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edite o Plantuml no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"OfOQvLl\"><img alt=\"\" class=\"alignnone size-full wp-image-610\" decoding=\"async\" height=\"692\" sizes=\"(max-width: 744px) 100vw, 744px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a190224848fe.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a190224848fe.png 744w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a190224848fe-300x279.png 300w\" width=\"744\"\/><\/p>\n<h2>Melhores Pr\u00e1ticas para Arquiteturas C4 Leg\u00edveis<\/h2>\n<ul>\n<li><strong>Nunca misture n\u00edveis de abstra\u00e7\u00e3o:<\/strong>Mantenha seus diagramas focados em uma \u00fanica camada. N\u00e3o misture componentes internos de granularidade fina em um mapa de contexto de sistema de alto n\u00edvel. Se um sistema ficar muito complexo, divida-o em um diagrama separado e dedicado ao n\u00edvel de Container.<\/li>\n<li><strong>Defina explicitamente as tecnologias:<\/strong>Sempre utilize o quarto par\u00e2metro em seus<code>Rel()<\/code>macros para indicar a tecnologia ou protocolo exato sendo usado (por exemplo,<code>\"JSON\/HTTPS\"<\/code> ou <code>\"JDBC\"<\/code>). Isso fornece ao seu time o contexto essencial de implementa\u00e7\u00e3o de um s\u00f3 olhar.<\/li>\n<li><strong>Aproveite as substitui\u00e7\u00f5es de layout direcional:<\/strong> Se seus componentes come\u00e7arem a se empilhar de forma desconfort\u00e1vel, use macros de relacionamento direcional (como <code>Rel_D()<\/code> para baixo, <code>Rel_R()<\/code> para direita, ou <code>Rel_L()<\/code> para esquerda) para corrigir manualmente o fluxo arquitet\u00f4nico.<\/li>\n<\/ul>\n<h2>Exemplos Reais de PlantUML C4<\/h2>\n<h3>Exemplo 1: Layout de Contexto de Sistema de Alto N\u00edvel (N\u00edvel 1)<\/h3>\n<p>Este plano funcional modela um diagrama padr\u00e3o de Contexto de Sistema de N\u00edvel 1, detalhando como um cliente interage com um aplicativo de banco online e suas depend\u00eancias externas.<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TL9BJy904ButwNyOEM7YuyBH6BGIuy6409wRQJk52TjTiZC5_FTEoqCCyTRT-Pwp7OjYrBPnQNB3ldHjHV2KZHwpKPu5hxJNvpH94sLr1FDlKMhWE80tncN41keGuSEkeYU5L_HhziiZjkDEAKhmmx8L3Gt5EnWSRj2TmTbnDh3X2voG46hG5K5XADYnhc1p8c9PXjQhF0nkq-HWDImEOhdqHrFw9rDlubpOoTb9G0DicNPGiqTVibcmhmEWhw31DO56z58Ryi8nd-nrs22xNyl9VNU6ULl8sMjX5RYFOghKVMmYYssJVFKUkO8on4s8g0GzMIXkhRozXId4tYzDPkGkDdXLzKj887Z7dg12MHK1OsMDi6CRDvzThUTly2wC03gAAdrhYy0rbwWSl2MiJByLutUDvf-BQISyDfBzEZy0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edite o Plantuml no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TLBBJiD03Bn7oZ-Odeh4uy8H8KIfEA5Mb9uZit4hIvjry6uYnEzmGEAA-8B-6DwqK87Wa9Tdx1bFzZ8crDGrlYmEE3ZVrGJdaxFJoLaraP3eALsKHLaaJfxWcd6js20OQOSAr08BZecitA8Yx3-DTON12So2vq1vpfnY51mxpsJjHp2QRD_st2t3ZmnRDk2-O8670NPYHPF62Et0v7WoEYoBdUOuRfzLPgEos9X_x6I5EMd3Dlwn8v3ufHQXvzYXvsTgWCDAjC7Dw-R3W1K76q6ifa-Wj2CbnH1Nf9ktu1X_EAgcJ-dRbLtiiwNk8UvTJOzpEVkPcONEwcgoTW-IuKZQSorgyawq5SN4lRarY8PEM52eRvHhg16eQOs9WuMok2E_3_kFR9Q9ROFyqrgqJ3p8a8q5W7c0jLTtVsJwUvzfi0P0Jvg6ODpclURrrcDFoYjsES4NWIvYg2NlkhYzdsUDIpDlv-yJ\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\n!include &lt;C4\/C4_Context&gt;\r\n\r\ntitle Diagrama de Contexto do Sistema para o Sistema de Banco Online\r\n\r\nPessoa(cliente, \"Cliente de Banco Pessoal\", \"Um cliente do banco com contas pessoais.\")\r\nSistema(sistema_bancario, \"Sistema de Banco Online\", \"Permite que os clientes visualizem informa\u00e7\u00f5es financeiras e realizem transfer\u00eancias.\")\r\nSistema_Ext(sistema_email, \"Subsistema de E-mail\", \"O cluster interno de servidores corporativos de e-mail SendGrid da empresa.\")\r\n\r\nRel(cliente, sistema_bancario, \"Utiliza o painel online via\")\r\nRel_R(sistema_bancario, sistema_email, \"Envia alertas e c\u00f3digos de verifica\u00e7\u00e3o usando\", \"SMTP\")\r\n@enduml<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TLBBJiD03Bn7oZ-Odeh4uy8H8KIfEA5Mb9uZit4hIvjry6uYnEzmGEAA-8B-6DwqK87Wa9Tdx1bFzZ8crDGrlYmEE3ZVrGJdaxFJoLaraP3eALsKHLaaJfxWcd6js20OQOSAr08BZecitA8Yx3-DTON12So2vq1vpfnY51mxpsJjHp2QRD_st2t3ZmnRDk2-O8670NPYHPF62Et0v7WoEYoBdUOuRfzLPgEos9X_x6I5EMd3Dlwn8v3ufHQXvzYXvsTgWCDAjC7Dw-R3W1K76q6ifa-Wj2CbnH1Nf9ktu1X_EAgcJ-dRbLtiiwNk8UvTJOzpEVkPcONEwcgoTW-IuKZQSorgyawq5SN4lRarY8PEM52eRvHhg16eQOs9WuMok2E_3_kFR9Q9ROFyqrgqJ3p8a8q5W7c0jLTtVsJwUvzfi0P0Jvg6ODpclURrrcDFoYjsES4NWIvYg2NlkhYzdsUDIpDlv-yJ\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TL9BJy904ButwNyOEM7YuyBH6BGIuy6409wRQJk52TjTiZC5_FTEoqCCyTRT-Pwp7OjYrBPnQNB3ldHjHV2KZHwpKPu5hxJNvpH94sLr1FDlKMhWE80tncN41keGuSEkeYU5L_HhziiZjkDEAKhmmx8L3Gt5EnWSRj2TmTbnDh3X2voG46hG5K5XADYnhc1p8c9PXjQhF0nkq-HWDImEOhdqHrFw9rDlubpOoTb9G0DicNPGiqTVibcmhmEWhw31DO56z58Ryi8nd-nrs22xNyl9VNU6ULl8sMjX5RYFOghKVMmYYssJVFKUkO8on4s8g0GzMIXkhRozXId4tYzDPkGkDdXLzKj887Z7dg12MHK1OsMDi6CRDvzThUTly2wC03gAAdrhYy0rbwWSl2MiJByLutUDvf-BQISyDfBzEZy0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edite o Plantuml no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"NTJPRPC\"><img loading=\"lazy\" alt=\"\" class=\"alignnone size-full wp-image-611\" decoding=\"async\" height=\"439\" loading=\"lazy\" sizes=\"auto, (max-width: 561px) 100vw, 561px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a190234b2052.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a190234b2052.png 561w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a190234b2052-300x235.png 300w\" width=\"561\"\/><\/p>\n<p><strong>An\u00e1lise da Sintaxe:<\/strong> Este diagrama foca exclusivamente no escopo de alto n\u00edvel. A <code>System_Ext<\/code> macro aplica automaticamente um perfil de cor cinza ao servi\u00e7o de e-mail, separando visualmente o sistema principal das depend\u00eancias externas. A <code>Rel_R<\/code> macro for\u00e7a o motor de layout a posicionar o n\u00f3 de e-mail diretamente \u00e0 direita do bloco do sistema banc\u00e1rio.<\/p>\n<h3>Exemplo 2: Topologia de Container de Microservi\u00e7o com Profundidade (N\u00edvel 2)<\/h3>\n<p>Este plano avan\u00e7ado de empresa desdobra um sistema em seus aplicativos containerizados constituintes e armazenamentos de dados isolados, mostrando como o tr\u00e1fego da web passa por um gateway de API at\u00e9 os microservi\u00e7os de backend.<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TLHTRzf047n7uZziUMY9b3PIbSUgIW9jIfGF5wFsqLgV5tFA-SwwMqEigF-zUxP38Kfv07bzDpExCyj5OFJSL6OyUgUjCar1y6LsVZOxpsRECcfB_kjuD1wnPaEmhy5SO-cnWhNpa61RaML8d6SqS8rCEspZhOHyS7PQaLSRj7mAaz-KmztmA1Sz2zX4wWlB981C0Mg3BB0Lg0sfHzSma2rgfoq7a2y7l27jOKTvq7B-q-GaKgLjOAgoAzVO0dqxhJinML2k9i5_qJY8Ws_AXUx6v0IUnoEGpxwvATOwA_k3SlKoMS1IP6XRGkBTKnlrtfVQFhq8zuhgJbmUsK6XCU4KfCN2I3-nAp2wqd94If2ZGQlaXNN58FyLVSERB93VQXMbBmeHhhc5Ewsy6-gH-jh1UtYubDEVu-ClDBhe9bZGbepqxI5gP_T8jgVkfl4M9J_P0yQLHnjGiNOMRgaeUujkS8kGrZxEuSevZZMPXtGIeclzW7kU2YsMKZJTPK2bP33y1l4yd_PdiY8Nk9uCviWOsFckovbJZzwXsiolkdbNjQ6UgT21lSuRfW8kPulvH-NafOx9Oimbha4IL65F-oU6v4Dd905xNA-rWhLnkm3A45hJYamPRvSnybQ2hFPfboKfYSDuj2HpaERZdAHDtdayJ2B-6eT5WAt6gFp7QfMaPpVfmttK8qZP_3Xfhtp_vwTifglYs0Sh1y1ocSp-0tNivtVdT-X5oNwZUdE30Bu6MXvduT2TkCqoyhsjqgJNj9UJ_hmzMzsc4UX2DbR-LFu2\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edite o Plantuml no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:XLHDRzD04Br7odyOSe1KggY4UaIeQL9AgdwO989ZD5bFd5NjNNTtRGA87yEffvuG5wx-OyoiqxJXCvTuFRDltfjvuoCVq8MgoBkT9zgel4e9NWuF3uQ7yw4r0RKXzwhRwNQ23Zd1I6Fci43Wj6qSIdG8fnZe0tw4r49YNS1SSXBCi20Jh1UCXBots2_8AKpH1Dg7Ne9EaNOMBkIj2Jg7zxJeSMJC2LmCIYltOQaDQY-WQaNgsbO1KWxc671f7LEY0ZnL7hmEv9_tzgJYLFj01SvVEmRXCjWl8xSvUMLBorLEbFM-pHBgMnMFkVVsu7Et0_pRQkvdRU8SIoqgd5t7InCRgBqbfq4o5YMNcJRhUqaijmp88hYDAKP1dExuUHyoScIKHiXr8Iea673Dse1kAfth1VV3DDzQURk4FBbQApl7AZ2ULgXGz5revMoCDRUHqpYLS8ef2QDJ2q_XQb25rGivliESGn3iDHc_KI1_ANaojSrhIgqJDh5z_wB1YepVS3ZNjOkrP_5bSzjy9o_bph16c9PEcmoEhGszjfMAVSAZtVQV2suxewIIbr7bWlexW-Eqlq3336AS0GTiZaza7gOomjH6XCXBQWwjkdOMrMfq7CTKb3b9EZVUtrHiZSqa5fJB8zl5wKNLtCdyb2rA3CrTJJeUO30SZoAjB-B0Pz4IJ7oPLslRuhZcwvAooAMrBe-xn6W3WfZZWpRyeCKl9fBrhN9HoBiqeNndZNRTU69gwHIwZFarFmArUxDjA71OTBwPpPBfmTdqwbBeCkPyjElhltXgroME52sqCDp0PfDa-1_0n-uuCGeBRLO86sVixBXyMtu5dVp9PRj3JxXDijNtk_NWc7kMqxVd1xFpgM0UaKdv4_WJ\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\n!include &lt;C4\/C4_Container&gt;\r\n\r\ntitle Diagrama de Container para Gateway do Portal de Pagamentos\r\n\r\nPessoa(mercadante, \"Parceiro Mercantil Web\", \"Integra pontos finais de checkout da plataforma em seus sites.\")\r\n\r\nSistema_Fronteira(portal_escopo, \"Ecossistema do Gateway de Pagamentos\") {\r\n    Container(gateway_api, \"Proxy de Roteamento de API\", \"Nginx\", \"Intercepta chamadas de entrada, gerencia limites de taxa e equilibra n\u00f3s.\")\r\n    Container(servico_autenticacao, \"Microservi\u00e7o de Identidade\", \"Go &amp; OAuth2\", \"Valida tokens de API de desenvolvedor e escopos.\")\r\n    Container(servico_transacao, \"Livro de Transa\u00e7\u00f5es\", \"Java Spring Boot\", \"Processa pagamentos e gerencia contas do livro.\")\r\n    ContainerBd(banco_livro, \"Armazenamento de Dados do Livro\", \"CockroachDB\", \"Implementa esquemas de tabelas distribu\u00eddas compat\u00edveis com ACID.\")\r\n}\r\n\r\n' Roteia fluxos de tr\u00e1fego de forma limpa entre os destinos internos dos containers\r\nRel(mercadante, gateway_api, \"Envia cargas \u00fateis de pagamento via\", \"HTTPS\/JSON\")\r\nRel_D(gateway_api, servico_autenticacao, \"Valida tokens recebidos via\", \"gRPC\")\r\nRel_D(gateway_api, servico_transacao, \"Encaminha a\u00e7\u00f5es de checkout para\", \"gRPC\")\r\nRel_R(servico_transacao, banco_livro, \"Persiste entradas do livro via\", \"SQL\/TLS\")\r\n@enduml<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:XLHDRzD04Br7odyOSe1KggY4UaIeQL9AgdwO989ZD5bFd5NjNNTtRGA87yEffvuG5wx-OyoiqxJXCvTuFRDltfjvuoCVq8MgoBkT9zgel4e9NWuF3uQ7yw4r0RKXzwhRwNQ23Zd1I6Fci43Wj6qSIdG8fnZe0tw4r49YNS1SSXBCi20Jh1UCXBots2_8AKpH1Dg7Ne9EaNOMBkIj2Jg7zxJeSMJC2LmCIYltOQaDQY-WQaNgsbO1KWxc671f7LEY0ZnL7hmEv9_tzgJYLFj01SvVEmRXCjWl8xSvUMLBorLEbFM-pHBgMnMFkVVsu7Et0_pRQkvdRU8SIoqgd5t7InCRgBqbfq4o5YMNcJRhUqaijmp88hYDAKP1dExuUHyoScIKHiXr8Iea673Dse1kAfth1VV3DDzQURk4FBbQApl7AZ2ULgXGz5revMoCDRUHqpYLS8ef2QDJ2q_XQb25rGivliESGn3iDHc_KI1_ANaojSrhIgqJDh5z_wB1YepVS3ZNjOkrP_5bSzjy9o_bph16c9PEcmoEhGszjfMAVSAZtVQV2suxewIIbr7bWlexW-Eqlq3336AS0GTiZaza7gOomjH6XCXBQWwjkdOMrMfq7CTKb3b9EZVUtrHiZSqa5fJB8zl5wKNLtCdyb2rA3CrTJJeUO30SZoAjB-B0Pz4IJ7oPLslRuhZcwvAooAMrBe-xn6W3WfZZWpRyeCKl9fBrhN9HoBiqeNndZNRTU69gwHIwZFarFmArUxDjA71OTBwPpPBfmTdqwbBeCkPyjElhltXgroME52sqCDp0PfDa-1_0n-uuCGeBRLO86sVixBXyMtu5dVp9PRj3JxXDijNtk_NWc7kMqxVd1xFpgM0UaKdv4_WJ\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TLHTRzf047n7uZziUMY9b3PIbSUgIW9jIfGF5wFsqLgV5tFA-SwwMqEigF-zUxP38Kfv07bzDpExCyj5OFJSL6OyUgUjCar1y6LsVZOxpsRECcfB_kjuD1wnPaEmhy5SO-cnWhNpa61RaML8d6SqS8rCEspZhOHyS7PQaLSRj7mAaz-KmztmA1Sz2zX4wWlB981C0Mg3BB0Lg0sfHzSma2rgfoq7a2y7l27jOKTvq7B-q-GaKgLjOAgoAzVO0dqxhJinML2k9i5_qJY8Ws_AXUx6v0IUnoEGpxwvATOwA_k3SlKoMS1IP6XRGkBTKnlrtfVQFhq8zuhgJbmUsK6XCU4KfCN2I3-nAp2wqd94If2ZGQlaXNN58FyLVSERB93VQXMbBmeHhhc5Ewsy6-gH-jh1UtYubDEVu-ClDBhe9bZGbepqxI5gP_T8jgVkfl4M9J_P0yQLHnjGiNOMRgaeUujkS8kGrZxEuSevZZMPXtGIeclzW7kU2YsMKZJTPK2bP33y1l4yd_PdiY8Nk9uCviWOsFckovbJZzwXsiolkdbNjQ6UgT21lSuRfW8kPulvH-NafOx9Oimbha4IL65F-oU6v4Dd905xNA-rWhLnkm3A45hJYamPRvSnybQ2hFPfboKfYSDuj2HpaERZdAHDtdayJ2B-6eT5WAt6gFp7QfMaPpVfmttK8qZP_3Xfhtp_vwTifglYs0Sh1y1ocSp-0tNivtVdT-X5oNwZUdE30Bu6MXvduT2TkCqoyhsjqgJNj9UJ_hmzMzsc4UX2DbR-LFu2\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edite o Plantuml no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"ZtGazyC\"><img loading=\"lazy\" alt=\"\" class=\"alignnone size-full wp-image-612\" decoding=\"async\" height=\"728\" loading=\"lazy\" sizes=\"auto, (max-width: 759px) 100vw, 759px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a19024586a43.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a19024586a43.png 759w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a19024586a43-300x288.png 300w\" width=\"759\"\/><\/p>\n<p><strong>An\u00e1lise de Sintaxe:<\/strong> Ao usar o <code>System_Boundary<\/code> wrapper de macro, os componentes internos s\u00e3o agrupados de forma limpa dentro de uma caixa de per\u00edmetro clara. A macro especializada <code>ContainerDb<\/code> macro renderiza o armazenamento de dados com um \u00edcone expl\u00edcito de cilindro de banco de dados, tornando a divis\u00e3o entre os tempos de execu\u00e7\u00e3o de computa\u00e7\u00e3o e as camadas de armazenamento persistente clara de primeira vista.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>O que \u00e9 o Diagrama do Modelo C4? O Diagrama do Modelo C4\u00e9 um framework arquitet\u00f4nico hier\u00e1rquico de quatro n\u00edveis projetado para documentar arquiteturas de software com diferentes graus de detalhe granular. Criado por Simon Brown, o C4 evita caixas&#8230;<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":12,"template":"","meta":{"inline_featured_image":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}}},"ld_collection":[14],"class_list":["post-2116","ld_docs","type-ld_docs","status-publish","hentry","ld_collection-vpascode-docs"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>PlantUML C4 Model Syntax | VPasCode Text to Diagram Guide<\/title>\n<meta name=\"description\" content=\"Map software architecture hierarchies with PlantUML C4 diagrams in VPasCode, your free diagram-as-code tool.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.vpascode.com\/pt\/docs\/vpascode-docs\/plantuml-c4-model-syntax-guide\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"PlantUML C4 Model Syntax | VPasCode Text to Diagram Guide\" \/>\n<meta property=\"og:description\" content=\"Map software architecture hierarchies with PlantUML C4 diagrams in VPasCode, your free diagram-as-code tool.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/pt\/docs\/vpascode-docs\/plantuml-c4-model-syntax-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"VPasCode\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1901f8a8e4e.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/docs\\\/vpascode-docs\\\/plantuml-c4-model-syntax-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/docs\\\/vpascode-docs\\\/plantuml-c4-model-syntax-guide\\\/\",\"name\":\"PlantUML C4 Model Syntax | VPasCode Text to Diagram Guide\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/docs\\\/vpascode-docs\\\/plantuml-c4-model-syntax-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/docs\\\/vpascode-docs\\\/plantuml-c4-model-syntax-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a1901f8a8e4e.png\",\"datePublished\":\"2026-05-26T07:53:11+00:00\",\"description\":\"Map software architecture hierarchies with PlantUML C4 diagrams in VPasCode, your free diagram-as-code tool.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/docs\\\/vpascode-docs\\\/plantuml-c4-model-syntax-guide\\\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/docs\\\/vpascode-docs\\\/plantuml-c4-model-syntax-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/docs\\\/vpascode-docs\\\/plantuml-c4-model-syntax-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a1901f8a8e4e.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a1901f8a8e4e.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/docs\\\/vpascode-docs\\\/plantuml-c4-model-syntax-guide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lean Docs\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/docs\\\/%ld_collection%\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Guia de Sintaxe do Modelo C4 do PlantUML\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/#website\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/\",\"name\":\"VPasCode\",\"description\":\"by Visual Paradigm\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/#organization\",\"name\":\"VPasCode\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/wp-content\\\/uploads\\\/sites\\\/10\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/wp-content\\\/uploads\\\/sites\\\/10\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"width\":128,\"height\":138,\"caption\":\"VPasCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"PlantUML C4 Model Syntax | VPasCode Text to Diagram Guide","description":"Map software architecture hierarchies with PlantUML C4 diagrams in VPasCode, your free diagram-as-code tool.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.vpascode.com\/pt\/docs\/vpascode-docs\/plantuml-c4-model-syntax-guide\/","og_locale":"pt_PT","og_type":"article","og_title":"PlantUML C4 Model Syntax | VPasCode Text to Diagram Guide","og_description":"Map software architecture hierarchies with PlantUML C4 diagrams in VPasCode, your free diagram-as-code tool.","og_url":"https:\/\/www.vpascode.com\/pt\/docs\/vpascode-docs\/plantuml-c4-model-syntax-guide\/","og_site_name":"VPasCode","og_image":[{"url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1901f8a8e4e.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tempo estimado de leitura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/pt\/docs\/vpascode-docs\/plantuml-c4-model-syntax-guide\/","url":"https:\/\/www.vpascode.com\/pt\/docs\/vpascode-docs\/plantuml-c4-model-syntax-guide\/","name":"PlantUML C4 Model Syntax | VPasCode Text to Diagram Guide","isPartOf":{"@id":"https:\/\/www.vpascode.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/pt\/docs\/vpascode-docs\/plantuml-c4-model-syntax-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/pt\/docs\/vpascode-docs\/plantuml-c4-model-syntax-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1901f8a8e4e.png","datePublished":"2026-05-26T07:53:11+00:00","description":"Map software architecture hierarchies with PlantUML C4 diagrams in VPasCode, your free diagram-as-code tool.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/pt\/docs\/vpascode-docs\/plantuml-c4-model-syntax-guide\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/pt\/docs\/vpascode-docs\/plantuml-c4-model-syntax-guide\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/www.vpascode.com\/pt\/docs\/vpascode-docs\/plantuml-c4-model-syntax-guide\/#primaryimage","url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1901f8a8e4e.png","contentUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1901f8a8e4e.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/pt\/docs\/vpascode-docs\/plantuml-c4-model-syntax-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vpascode.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Lean Docs","item":"https:\/\/www.vpascode.com\/pt\/docs\/%ld_collection%\/"},{"@type":"ListItem","position":3,"name":"Guia de Sintaxe do Modelo C4 do PlantUML"}]},{"@type":"WebSite","@id":"https:\/\/www.vpascode.com\/pt\/#website","url":"https:\/\/www.vpascode.com\/pt\/","name":"VPasCode","description":"by Visual Paradigm","publisher":{"@id":"https:\/\/www.vpascode.com\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vpascode.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Organization","@id":"https:\/\/www.vpascode.com\/pt\/#organization","name":"VPasCode","url":"https:\/\/www.vpascode.com\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/www.vpascode.com\/pt\/#\/schema\/logo\/image\/","url":"https:\/\/www.vpascode.com\/pt\/wp-content\/uploads\/sites\/10\/2026\/06\/cropped-vp-online-logo-v1.png","contentUrl":"https:\/\/www.vpascode.com\/pt\/wp-content\/uploads\/sites\/10\/2026\/06\/cropped-vp-online-logo-v1.png","width":128,"height":138,"caption":"VPasCode"},"image":{"@id":"https:\/\/www.vpascode.com\/pt\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/pt\/wp-json\/wp\/v2\/ld_docs\/2116","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/pt\/wp-json\/wp\/v2\/ld_docs"}],"about":[{"href":"https:\/\/www.vpascode.com\/pt\/wp-json\/wp\/v2\/types\/ld_docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/pt\/wp-json\/wp\/v2\/users\/4"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/pt\/wp-json\/wp\/v2\/media?parent=2116"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/pt\/wp-json\/wp\/v2\/ld_collection?post=2116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}