{"id":4,"date":"2026-03-13T22:42:50","date_gmt":"2026-03-13T22:42:50","guid":{"rendered":"https:\/\/dev.harmonic-framework.com\/?page_id=4"},"modified":"2026-03-14T01:23:06","modified_gmt":"2026-03-14T01:23:06","slug":"home","status":"publish","type":"page","link":"https:\/\/dev.harmonic-framework.com\/es\/","title":{"rendered":"Harmonic Framework"},"content":{"rendered":"<div class=\"wp-block-group hf-hero\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n\n\n<h1 class=\"wp-block-heading hf-hero__heading\" style=\"font-size:52px\">One Structure. Every Layer.<\/h1>\n\n\n\n<p class=\"hf-hero__lede\" style=\"font-size:21px\">Harmonic Design is a unified software engineering framework. It applies a single organizing principle \u2014 <strong>isolate change along its natural axes<\/strong> \u2014 consistently across backend architecture, interface architecture, test strategy, and project planning.<\/p>\n\n\n\n<p class=\"hf-hero__body\">Every long-lived software system has a backend that must evolve, an interface that must evolve, tests that must survive both kinds of evolution, and a project plan that must anticipate, sequence, and resource all three. These concerns are typically governed by separate frameworks and separate mental models. Harmonic Design unifies them under a single structural discipline.<\/p>\n\n\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group hf-section hf-section--methods\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n\n\n<h2 class=\"wp-block-heading hf-section__heading\">Methodologies<\/h2>\n\n\n\n<p class=\"hf-section__intro\">Four methodologies, one structural principle. Each governs a different architectural concern. All share the same decomposition logic.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"hf-method-card hf-method-card--vbd\">\n<div class=\"hf-method-icon\">\n<svg viewbox=\"0 0 48 48\" width=\"40\" height=\"40\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\/><rect x=\"28\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\/><rect x=\"4\" y=\"28\" width=\"16\" height=\"16\" rx=\"2\"\/><rect x=\"28\" y=\"28\" width=\"16\" height=\"16\" rx=\"2\"\/><line x1=\"20\" y1=\"12\" x2=\"28\" y2=\"12\" stroke-dasharray=\"2 2\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"28\" stroke-dasharray=\"2 2\"\/><\/svg>\n<\/div>\n<h3><a href=\"\/es\/methodologies\/value-based-design\/\">Volatility-Based Decomposition<\/a><\/h3>\n<p>Backend systems organized around anticipated change, not current functionality. Components that change for the same reason belong together; components that change for different reasons belong apart.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"hf-method-card hf-method-card--ebd\">\n<div class=\"hf-method-icon\">\n<svg viewbox=\"0 0 48 48\" width=\"40\" height=\"40\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"24\" cy=\"8\" r=\"5\"\/><circle cx=\"10\" cy=\"28\" r=\"5\"\/><circle cx=\"38\" cy=\"28\" r=\"5\"\/><circle cx=\"24\" cy=\"42\" r=\"4\"\/><line x1=\"24\" y1=\"13\" x2=\"10\" y2=\"23\"\/><line x1=\"24\" y1=\"13\" x2=\"38\" y2=\"23\"\/><line x1=\"10\" y1=\"33\" x2=\"24\" y2=\"38\"\/><line x1=\"38\" y1=\"33\" x2=\"24\" y2=\"38\"\/><\/svg>\n<\/div>\n<h3><a href=\"\/es\/methodologies\/evidence-based-design\/\">Experience-Based Decomposition<\/a><\/h3>\n<p>Interface architecture structured around human intent, not screens. Experiences represent complete user journeys. Flows own goal-directed sequences. Interactions are atomic.<\/p>\n<\/div>\n<\/div>\n\n\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"hf-method-card hf-method-card--bdt\">\n<div class=\"hf-method-icon\">\n<svg viewbox=\"0 0 48 48\" width=\"40\" height=\"40\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"24\" cy=\"24\" r=\"20\"\/><circle cx=\"24\" cy=\"24\" r=\"13\"\/><circle cx=\"24\" cy=\"24\" r=\"6\"\/><line x1=\"24\" y1=\"4\" x2=\"24\" y2=\"2\"\/><line x1=\"24\" y1=\"46\" x2=\"24\" y2=\"44\"\/><line x1=\"4\" y1=\"24\" x2=\"2\" y2=\"24\"\/><line x1=\"46\" y1=\"24\" x2=\"44\" y2=\"24\"\/><\/svg>\n<\/div>\n<h3><a href=\"\/es\/methodologies\/behavior-driven-testing\/\">Boundary-Driven Testing<\/a><\/h3>\n<p>Testing difficulty is architectural evidence. The test spiral is a structural map, not a testing methodology. Correct boundaries produce testable systems; incorrect boundaries produce test friction.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"hf-method-card hf-method-card--pd\">\n<div class=\"hf-method-icon\">\n<svg viewbox=\"0 0 48 48\" width=\"40\" height=\"40\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"8\" width=\"12\" height=\"8\" rx=\"2\"\/><rect x=\"18\" y=\"18\" width=\"12\" height=\"8\" rx=\"2\"\/><rect x=\"34\" y=\"8\" width=\"12\" height=\"8\" rx=\"2\"\/><rect x=\"18\" y=\"34\" width=\"12\" height=\"8\" rx=\"2\"\/><line x1=\"14\" y1=\"12\" x2=\"34\" y2=\"12\"\/><line x1=\"24\" y1=\"26\" x2=\"24\" y2=\"34\"\/><line x1=\"14\" y1=\"14\" x2=\"18\" y2=\"20\"\/><line x1=\"34\" y1=\"14\" x2=\"30\" y2=\"20\"\/><\/svg>\n<\/div>\n<h3><a href=\"\/es\/methodologies\/process-design\/\">Project Design<\/a><\/h3>\n<p>Project plans derived from architecture. Components become work packages. Dependencies become the project network. Estimation follows from structural analysis, not intuition.<\/p>\n<\/div>\n<\/div>\n\n\n<\/div>\n\n\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group hf-section hf-section--isomorphism\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n\n\n<h2 class=\"wp-block-heading hf-section__heading\">Structural Isomorphism<\/h2>\n\n\n\n<p class=\"hf-section__intro\">The central claim: the role taxonomy of VBD, the tier taxonomy of EBD, the test scope taxonomy of BDT, and the work package classification of Project Design map onto each other exactly. They are four readings of the same underlying structural map.<\/p>\n\n\n\n<div class=\"wp-block-group hf-table-wrap\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n\n<figure class=\"wp-block-table hf-iso-table\"><table><thead><tr><th>Tier<\/th><th>VBD<\/th><th>EBD<\/th><th>BDT<\/th><th>Project Design<\/th><\/tr><\/thead><tbody><tr><td>Orchestration<\/td><td>Manager<\/td><td>Experience<\/td><td>Integration \/ E2E<\/td><td>Integration Milestone<\/td><\/tr><tr><td>Execution<\/td><td>Engine<\/td><td>Flow \/ Interaction<\/td><td>Unit<\/td><td>Core Work Package<\/td><\/tr><tr><td>External Boundary<\/td><td>Resource Accessor<\/td><td>API Accessor<\/td><td>Unit (translation)<\/td><td>Boundary Work Package<\/td><\/tr><tr><td>Cross-Cutting<\/td><td>Utility<\/td><td>Utility<\/td><td>Unit<\/td><td>Shared Infrastructure<\/td><\/tr><\/tbody><\/table><\/figure>\n\n<\/div><\/div>\n\n\n\n<p class=\"hf-iso-consequence\">A change in business logic touches one Engine, one Flow, one set of unit tests, and one work package \u2014 structurally bounded, predictably scoped, estimable from the architecture.<\/p>\n\n\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group hf-cta\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n\n\n<h3 class=\"wp-block-heading hf-cta__heading\">Read the framework. Apply the structure.<\/h3>\n\n\n\n<p class=\"hf-cta__body\">Start with the methodology that matches your current concern, or read the white papers for the theoretical foundation.<\/p>\n\n\n\n<div class=\"wp-block-buttons hf-cta__buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-16018d1d wp-block-buttons-is-layout-flex\">\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-vivid-cyan-blue-background-color has-background\" href=\"\/es\/methodologies\/\">Methodologies<\/a><\/div>\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link\" href=\"\/es\/whitepapers\/\">White Papers<\/a><\/div>\n\n<\/div>\n\n\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>One Structure. Every Layer. Harmonic Design is a unified software engineering framework. It applies a single organizing principle \u2014 isolate change along its natural axes \u2014 consistently across backend architecture, interface architecture, test strategy, and project planning. Every long-lived software system has a backend that must evolve, an interface that must evolve, tests that must &#8230; <a title=\"Harmonic Framework\" class=\"read-more\" href=\"https:\/\/dev.harmonic-framework.com\/es\/\" aria-label=\"Read more about Harmonic Framework\">Read more<\/a><\/p>","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"methodology":[],"class_list":["post-4","page","type-page","status-publish"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false,"post-thumbnail":false,"hf-card":false,"hf-hero":false},"uagb_author_info":{"display_name":"","author_link":"https:\/\/dev.harmonic-framework.com\/es\/author\/"},"uagb_comment_info":0,"uagb_excerpt":"One Structure. Every Layer. Harmonic Design is a unified software engineering framework. It applies a single organizing principle \u2014 isolate change along its natural axes \u2014 consistently across backend architecture, interface architecture, test strategy, and project planning. Every long-lived software system has a backend that must evolve, an interface that must evolve, tests that must&hellip;","_links":{"self":[{"href":"https:\/\/dev.harmonic-framework.com\/es\/wp-json\/wp\/v2\/pages\/4","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.harmonic-framework.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.harmonic-framework.com\/es\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.harmonic-framework.com\/es\/wp-json\/wp\/v2\/comments?post=4"}],"version-history":[{"count":4,"href":"https:\/\/dev.harmonic-framework.com\/es\/wp-json\/wp\/v2\/pages\/4\/revisions"}],"predecessor-version":[{"id":166,"href":"https:\/\/dev.harmonic-framework.com\/es\/wp-json\/wp\/v2\/pages\/4\/revisions\/166"}],"wp:attachment":[{"href":"https:\/\/dev.harmonic-framework.com\/es\/wp-json\/wp\/v2\/media?parent=4"}],"wp:term":[{"taxonomy":"methodology","embeddable":true,"href":"https:\/\/dev.harmonic-framework.com\/es\/wp-json\/wp\/v2\/methodology?post=4"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}