{"id":33,"date":"2026-10-13T13:51:30","date_gmt":"2026-10-13T20:51:30","guid":{"rendered":"https:\/\/demo.uncoderbuilder.com\/halcy\/margin-notes\/"},"modified":"2026-10-14T03:22:34","modified_gmt":"2026-10-14T10:22:34","slug":"margin-notes","status":"publish","type":"page","link":"https:\/\/demo.uncoderbuilder.com\/halcy\/projects\/margin-notes\/","title":{"rendered":"Margin Notes"},"content":{"rendered":"<div class=\"uncoder uncoder-33 uncoder--page\" data-uncoder-doc=\"33\"><section class=\"uncoder-container uncoder-eqs3ula uncoder-container--boxed\"><div class=\"uncoder-container__inner\"><div class=\"uncoder-container uncoder-da31e99\"><div class=\"uncoder-text-editor uncoder-xpzwsfx uncoder-text\"><p>Editorial identity &amp; web<\/p><\/div><h1 class=\"uncoder-heading uncoder-fb7e7qh\" data-uncoder-js=\"text-reveal\" data-uncoder-reveal=\"letters blur\">Margin Notes<\/h1><div class=\"uncoder-text-editor uncoder-qtvxyrc uncoder-text\"><p>An identity and publishing concept for a fictional creative journal.<\/p><\/div><\/div><div class=\"uncoder-container uncoder-ns0mnne uncoder-anim\" data-uncoder-anim=\"fade-up\" data-uncoder-js=\"animations\"><div class=\"uncoder-text-editor uncoder-snj29rk uncoder-text\"><p>A closer look<\/p><\/div><div class=\"uncoder-container uncoder-kigymgj\"><figure class=\"uncoder-image uncoder-fbrdzy3\" data-uncoder-js=\"lightbox\"><img width=\"1536\" height=\"1024\" src=\"https:\/\/demo.uncoderbuilder.com\/halcy\/wp-content\/uploads\/2026\/10\/hand-holding-open-journal.webp\" class=\"uncoder-image__img\" alt=\"A hand holding an open journal against a blur of orange\" loading=\"eager\" decoding=\"async\" fetchpriority=\"high\" srcset=\"https:\/\/demo.uncoderbuilder.com\/halcy\/wp-content\/uploads\/2026\/10\/hand-holding-open-journal.webp 1536w, https:\/\/demo.uncoderbuilder.com\/halcy\/wp-content\/uploads\/2026\/10\/hand-holding-open-journal-300x200.webp 300w, https:\/\/demo.uncoderbuilder.com\/halcy\/wp-content\/uploads\/2026\/10\/hand-holding-open-journal-1024x683.webp 1024w, https:\/\/demo.uncoderbuilder.com\/halcy\/wp-content\/uploads\/2026\/10\/hand-holding-open-journal-768x512.webp 768w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/><\/figure><\/div><\/div><div class=\"uncoder-container uncoder-d74dg59\"><div class=\"uncoder-container uncoder-fvh0aec\"><h2 class=\"uncoder-heading uncoder-fg0wgl1\">The challenge<\/h2><div class=\"uncoder-text-editor uncoder-ppcx6hh uncoder-text\"><p>The journal needed a recognisable identity and a flexible digital framework for ideas, observations and visual stories of different lengths.<\/p><\/div><\/div><div class=\"uncoder-container uncoder-eur7an5\"><h2 class=\"uncoder-heading uncoder-wgxtbsb\">The approach<\/h2><div class=\"uncoder-text-editor uncoder-h4pbnvt uncoder-text\"><p>We connected an expressive editorial identity with clear typography and modular page layouts. Reusable content patterns give short updates and longer features the same underlying visual rhythm.<\/p><\/div><\/div><div class=\"uncoder-container uncoder-xxa9xyr\"><h2 class=\"uncoder-heading uncoder-aj5ju5b\">Design development<\/h2><div class=\"uncoder-text-editor uncoder-ex5bfrd uncoder-text\"><p>The editorial identity explores how a journal can have a consistent voice while giving each story its own pace. Expressive headings are balanced with a quieter reading style, and image captions provide context without competing with the main text. The proposed system accommodates short observations, image-led entries and longer features through a shared set of typographic rules. Variation comes from the relationship between type, photography and whitespace rather than from a new layout language for every article.<\/p><\/div><\/div><div class=\"uncoder-container uncoder-fv0wzat\"><h2 class=\"uncoder-heading uncoder-ta5cc7b\">The digital experience<\/h2><div class=\"uncoder-text-editor uncoder-c8w7d46 uncoder-text\"><p>The publishing concept distinguishes browsing from reading. An index would introduce stories through titles, categories and brief summaries, while article pages would reduce distractions and give the text a comfortable measure. Modular image and text patterns would support different story lengths within the same framework. A CMS would keep editorial metadata and article content together, helping new entries inherit the visual rhythm of the journal. Mobile layouts would maintain clear headings, readable text and space around images and captions.<\/p><\/div><\/div><div class=\"uncoder-container uncoder-kpgsh4z\"><h2 class=\"uncoder-heading uncoder-ac1fvc1\">Scope &amp; deliverables<\/h2><div class=\"uncoder-text-editor uncoder-jykbz9x uncoder-text\"><p>Concept scope: editorial identity direction, type hierarchy, story index, article template, modular publishing patterns and CMS model. Margin Notes is a fictional portfolio study intended to demonstrate the publishing system, rather than a live journal with reported audience figures.<\/p><\/div><\/div><div class=\"uncoder-container uncoder-arqyuo9\"><h2 class=\"uncoder-heading uncoder-sds42im\">The outcome<\/h2><div class=\"uncoder-text-editor uncoder-jnm7jny uncoder-text\"><p>An editorial system designed to accommodate new stories while keeping a consistent character. Margin Notes is a fictional case study built to demonstrate the portfolio system.<\/p><\/div><\/div><\/div><\/div><\/section><\/div>","protected":false},"excerpt":{"rendered":"<p>Editorial identity &amp; web Margin Notes An identity and publishing concept for a fictional creative journal. A closer look The challenge The journal needed a recognisable identity and&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":29,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"uncoder-full-width","meta":{"footnotes":""},"class_list":["post-33","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.uncoderbuilder.com\/halcy\/wp-json\/wp\/v2\/pages\/33","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.uncoderbuilder.com\/halcy\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.uncoderbuilder.com\/halcy\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.uncoderbuilder.com\/halcy\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.uncoderbuilder.com\/halcy\/wp-json\/wp\/v2\/comments?post=33"}],"version-history":[{"count":3,"href":"https:\/\/demo.uncoderbuilder.com\/halcy\/wp-json\/wp\/v2\/pages\/33\/revisions"}],"predecessor-version":[{"id":67,"href":"https:\/\/demo.uncoderbuilder.com\/halcy\/wp-json\/wp\/v2\/pages\/33\/revisions\/67"}],"up":[{"embeddable":true,"href":"https:\/\/demo.uncoderbuilder.com\/halcy\/wp-json\/wp\/v2\/pages\/29"}],"wp:attachment":[{"href":"https:\/\/demo.uncoderbuilder.com\/halcy\/wp-json\/wp\/v2\/media?parent=33"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}