{"id":171,"date":"2026-05-29T23:53:01","date_gmt":"2026-05-29T19:53:01","guid":{"rendered":"https:\/\/bdb.am\/?page_id=171"},"modified":"2026-06-05T04:19:26","modified_gmt":"2026-06-05T00:19:26","slug":"bdb-gutenberg-test","status":"publish","type":"page","link":"https:\/\/bdb.am\/index.php\/bdb-gutenberg-test\/","title":{"rendered":"BDB Gutenberg Test"},"content":{"rendered":"\n<div class=\"wp-block-columns bdb-two-speed is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column bdb-main-column is-layout-flow wp-container-core-column-is-layout-b4d04ffe wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-5ef4f83f wp-block-group-is-layout-constrained\">\n<h1 class=\"wp-block-heading\" style=\"font-size:clamp(57.838px, 3.615rem + ((1vw - 3.2px) * 4.856), 120px);font-style:normal;font-weight:900;letter-spacing:-10px\">BDB<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Balasanyan Design Bureau is an author-led graphic design studio.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">BDB brings together authorship, structure, and visual force. The studio works on projects that need clarity, presence, and a stronger perceptual shape.<\/p>\n\n\n\n<ul class=\"wp-block-list has-small-font-size\">\n<li><strong>Author-led<\/strong><\/li>\n\n\n\n<li><strong><strong>Identity \/ Websites \/ Visual Systems<\/strong><\/strong><\/li>\n\n\n\n<li><strong><strong>Yerevan \u2014 Armenia<\/strong><\/strong><\/li>\n\n\n\n<li><strong><strong>Selected work below<\/strong><\/strong><\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-5ef4f83f wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\" style=\"font-size:clamp(36.954px, 2.31rem + ((1vw - 3.2px) * 2.425), 68px);font-style:normal;font-weight:700;letter-spacing:-4px\">Selected work enters early.<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/bdb.am\/wp-content\/uploads\/2026\/06\/erra0005-1024x1024.jpg\" alt=\"\" class=\"wp-image-400\" srcset=\"https:\/\/bdb.am\/wp-content\/uploads\/2026\/06\/erra0005-1024x1024.jpg 1024w, https:\/\/bdb.am\/wp-content\/uploads\/2026\/06\/erra0005-300x300.jpg 300w, https:\/\/bdb.am\/wp-content\/uploads\/2026\/06\/erra0005-150x150.jpg 150w, https:\/\/bdb.am\/wp-content\/uploads\/2026\/06\/erra0005-768x768.jpg 768w, https:\/\/bdb.am\/wp-content\/uploads\/2026\/06\/erra0005-1536x1536.jpg 1536w, https:\/\/bdb.am\/wp-content\/uploads\/2026\/06\/erra0005.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Work appears as proof before the site starts explaining itself.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Brand identity \/ visual system \/ web presence<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\">view case<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-cover\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" class=\"wp-block-cover__image-background wp-image-396 size-large\" alt=\"\" src=\"https:\/\/bdb.am\/wp-content\/uploads\/2026\/06\/erra0009-1024x1024.jpg\" data-object-fit=\"cover\" srcset=\"https:\/\/bdb.am\/wp-content\/uploads\/2026\/06\/erra0009-1024x1024.jpg 1024w, https:\/\/bdb.am\/wp-content\/uploads\/2026\/06\/erra0009-300x300.jpg 300w, https:\/\/bdb.am\/wp-content\/uploads\/2026\/06\/erra0009-150x150.jpg 150w, https:\/\/bdb.am\/wp-content\/uploads\/2026\/06\/erra0009-768x768.jpg 768w, https:\/\/bdb.am\/wp-content\/uploads\/2026\/06\/erra0009.jpg 1536w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\" style=\"background-color:#8c615a\"><\/span><div class=\"wp-block-cover__inner-container has-global-padding is-layout-constrained wp-block-cover-is-layout-constrained\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-5ef4f83f wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Selected work enters early.<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Work appears as proof before the site starts explaining itself.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Brand identity \/ visual system \/ web presence<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\">view case<\/a><\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-8f0fbf0f wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--40);padding-right:0;padding-bottom:var(--wp--preset--spacing--80);padding-left:0\">\n<h2 class=\"wp-block-heading\" style=\"font-size:clamp(31.609px, 1.976rem + ((1vw - 3.2px) * 1.906), 56px);font-style:normal;font-weight:700\">FSM is the pressure behind the visible result.<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Many projects have more value, scale, or ambition than their visual communication shows. The product may be serious, the team may be experienced, the idea may be strong \u2014 but the website, brand, or presentation can still feel generic, fragmented, or visually weak.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-block-paragraph\">FSM is BDB\u2019s method for correcting that gap. We study how the project is perceived and rebuild the structure of its visual communication: what the viewer should understand first, what should become stronger, what should be reduced, and what kind of form can make the project clearer and more convincing.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The method works through three connected layers:<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Structure<\/strong> \u2014 clarifying the hierarchy of meaning and information.<br><strong>Form<\/strong> \u2014 shaping the visual language, rhythm, typography, scale, and graphic character.<br><strong>Alignment<\/strong> \u2014 bringing the brand, website, presentation, and communication materials into one coherent direction.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">FSM is not decoration. It is a way to make the real value of a project visible, readable, and convincing.<\/p>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Structure \u2192 Form \u2192 Alignment<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-accent-5-color has-contrast-background-color has-text-color has-background has-link-color wp-elements-02b4de290b33a212c4d69796d12e4f5f has-global-padding is-layout-constrained wp-container-core-group-is-layout-5734d878 wp-block-group-is-layout-constrained\" style=\"margin-top:0px;margin-bottom:0px;padding-top:var(--wp--preset--spacing--50);padding-right:0;padding-bottom:var(--wp--preset--spacing--80);padding-left:0\">\n<h2 class=\"wp-block-heading\" style=\"font-size:clamp(35.2px, 2.2rem + ((1vw - 3.2px) * 2.25), 64px);letter-spacing:-5px\">Ideas are not a blog layer.<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-large-font-size wp-block-paragraph\"><strong>They are short texts about how design works, why visual perception matters, and what stands behind BDB\u2019s decisions.They are short texts about how design works, why visual perception matters, and what stands behind BDB\u2019s decisions.<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-medium-font-size wp-block-paragraph\">The Ideas section is not a place for studio news or random articles. It is where BDB explains its way of thinking: how a project becomes clearer, why some visual systems feel stronger than others, and how structure, typography, rhythm, and form affect the way people understand a brand, website, or presentation.<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">These texts help clients see that design is not only about style. It is also about attention, hierarchy, trust, meaning, and the way a project enters the viewer\u2019s mind.<\/p>\n<\/div>\n<\/div>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\"><strong>Work shows what BDB makes. Ideas explain how BDB thinks.<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-accent-5-background-color has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-bottom:0\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-d6cabb81 wp-block-columns-is-layout-flex\" style=\"padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<h2 class=\"wp-block-heading has-text-align-right has-xx-large-font-size\" style=\"letter-spacing:-0.1rem\">The bureau has a center, but not a cult.<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p class=\"wp-block-paragraph\"><strong>BDB is author-led because direction matters. The studio is built around a clear design position, not around anonymous production or personal promotion.<\/strong><\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Balasanyan Design Bureau is led by Vahan Balasanyan as founder, art director, and strategic concept director. This gives each project a clear point of responsibility: one direction, one visual logic, one standard of decision-making.<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">The bureau can involve collaborators, designers, developers, and specialists when the project needs them. But the work does not dissolve into scattered opinions. It is shaped through a defined position: what should become clearer, what should become stronger, what should be removed, and what kind of form the project can carry.<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">For clients, this means a more focused process and a more coherent result.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Author-led does not mean ego-led. It means responsibility-led.<\/strong><\/p>\n<\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2036\" height=\"371\" src=\"https:\/\/bdb.am\/wp-content\/uploads\/2026\/06\/Background02.png\" alt=\"\" class=\"wp-image-431\" srcset=\"https:\/\/bdb.am\/wp-content\/uploads\/2026\/06\/Background02.png 2036w, https:\/\/bdb.am\/wp-content\/uploads\/2026\/06\/Background02-300x55.png 300w, https:\/\/bdb.am\/wp-content\/uploads\/2026\/06\/Background02-1024x187.png 1024w, https:\/\/bdb.am\/wp-content\/uploads\/2026\/06\/Background02-768x140.png 768w, https:\/\/bdb.am\/wp-content\/uploads\/2026\/06\/Background02-1536x280.png 1536w\" sizes=\"auto, (max-width: 2036px) 100vw, 2036px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading\">Courses are a secondary layer.<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Courses appear as the transfer of practice and method, not as a separate education business. They support the studio\u2019s authority without becoming the center of the site.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading\">Start a project.<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">For identity systems, websites, visual communication and design problems where perception, structure and form matter.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">hello@bdb.am<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column bdb-margin-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group bdb-margin-track is-layout-flow wp-block-group-is-layout-flow\">\n<ul class=\"wp-block-list has-medium-font-size\">\n<li class=\"has-medium-font-size\">Author-led, not anonymous<\/li>\n\n\n\n<li class=\"has-medium-font-size\">Proof before explanation<\/li>\n\n\n\n<li class=\"has-medium-font-size\">Structure \u2192 Form \u2192 Alignment<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">The main flow shows what BDB does. The marginal flow shows how BDB thinks.<\/p>\n\n\n\n<p class=\"has-accent-5-background-color has-background wp-block-paragraph\">Proof should arrive before explanation.<\/p>\n\n\n\n<p class=\"bdb-g-note-large wp-block-paragraph\">A project is not corrected by style. It is corrected by structure.<\/p>\n\n\n\n<p class=\"bdb-g-note-soft wp-block-paragraph\">Structure \u2192 Form \u2192 Alignment<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Clarity is not a mood. It is an order of attention.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Founder-led does not mean personal branding. It means responsibility for direction.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Teaching is how practice becomes transferable.<\/p>\n\n\n\n<p class=\"bdb-g-note-soft wp-block-paragraph\">If the task is only decoration, BDB is probably not the right place.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The right client should feel both confidence and risk.<\/p>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>BDB Balasanyan Design Bureau is an author-led graphic design studio. BDB brings together authorship, structure, and visual force. The studio works on projects that need clarity, presence, and a stronger perceptual shape. Selected work enters early. Work appears as proof before the site starts explaining itself. Brand identity \/ visual system \/ web presence FSM [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-171","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bdb.am\/index.php\/wp-json\/wp\/v2\/pages\/171","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bdb.am\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bdb.am\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bdb.am\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bdb.am\/index.php\/wp-json\/wp\/v2\/comments?post=171"}],"version-history":[{"count":80,"href":"https:\/\/bdb.am\/index.php\/wp-json\/wp\/v2\/pages\/171\/revisions"}],"predecessor-version":[{"id":441,"href":"https:\/\/bdb.am\/index.php\/wp-json\/wp\/v2\/pages\/171\/revisions\/441"}],"wp:attachment":[{"href":"https:\/\/bdb.am\/index.php\/wp-json\/wp\/v2\/media?parent=171"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}