{"id":1386,"date":"2026-08-22T12:01:41","date_gmt":"2026-08-22T12:01:41","guid":{"rendered":"https:\/\/burstingrainbow.com\/index.php\/experiment\/website-from-a-feeling\/"},"modified":"2026-08-22T16:04:31","modified_gmt":"2026-08-22T16:04:31","slug":"website-from-a-feeling","status":"publish","type":"experiment","link":"https:\/\/burstingrainbow.com\/index.php\/experiment\/website-from-a-feeling\/","title":{"rendered":"Website from a Feeling"},"content":{"rendered":"<p><strong>Website from a Feeling<\/strong> asks whether a vague emotional brief can become explicit website rules. It works best as a constrained first edition: choose a feeling, keep the sample content constant, and watch the system change the perception.<\/p>\n<div class=\"wff-lab\" data-wff>\n  <div class=\"wff-top\">\n    <div>\n      <p class=\"wff-kicker\">Feeling to system<\/p>\n      <h3>Start with atmosphere, then inspect the rules.<\/h3>\n    <\/div>\n    <div class=\"wff-brief\">\n      <label for=\"wff-brief-input\">Brief<\/label>\n      <input id=\"wff-brief-input\" data-brief type=\"text\" value=\"calm, credible, quietly premium\" maxlength=\"80\">\n    <\/div>\n  <\/div>\n  <div class=\"wff-modes\" aria-label=\"Curated feelings\">\n    <button type=\"button\" data-mode=\"quiet\">Quiet Authority<\/button>\n    <button type=\"button\" data-mode=\"motion\">Intelligent Motion<\/button>\n    <button type=\"button\" data-mode=\"craft\">Human Craft<\/button>\n  <\/div>\n  <div class=\"wff-grid\">\n    <section class=\"wff-preview\" data-preview aria-label=\"Generated website direction preview\">\n      <nav class=\"wff-site-nav\">\n        <strong data-brand>Northline Studio<\/strong>\n        <span>Work<\/span><span>Method<\/span><span>Contact<\/span>\n      <\/nav>\n      <div class=\"wff-hero\">\n        <div class=\"wff-hero-copy\">\n          <p data-label>Local logistics, calmer systems<\/p>\n          <h4 data-headline>Reliable movement for teams that value exactness.<\/h4>\n          <p data-body>One sample page, recomposed by mood. The content stays constant while the design system changes the signal.<\/p>\n          <div class=\"wff-actions\"><button type=\"button\">Start a brief<\/button><button type=\"button\">View method<\/button><\/div>\n        <\/div>\n        <div class=\"wff-visual\" aria-hidden=\"true\"><span><\/span><i><\/i><b><\/b><\/div>\n      <\/div>\n      <div class=\"wff-proof\">\n        <div><strong>Rules<\/strong><span>Tokens, spacing, type, motion<\/span><\/div>\n        <div><strong>Rationale<\/strong><span>Why each choice supports the feeling<\/span><\/div>\n        <div><strong>Interface<\/strong><span>A working direction, not a static mockup<\/span><\/div>\n      <\/div>\n    <\/section>\n    <aside class=\"wff-panel\" aria-label=\"Design rationale and token inspector\">\n      <h4 data-direction>Quiet Authority<\/h4>\n      <p data-rationale>Trust comes from generous whitespace, grounded contrast, a limited palette, and slow visual rhythm.<\/p>\n      <div class=\"wff-tabs\" aria-label=\"Inspector tabs\">\n        <button type=\"button\" data-tab=\"why\">Why<\/button>\n        <button type=\"button\" data-tab=\"tokens\">Tokens<\/button>\n        <button type=\"button\" data-tab=\"rules\">Rules<\/button>\n      <\/div>\n      <div class=\"wff-inspector\" data-inspector><\/div>\n    <\/aside>\n  <\/div>\n<\/div>\n    \n","protected":false},"excerpt":{"rendered":"<p>A design and code experiment that turns a feeling into inspectable website rules.<\/p>\n","protected":false},"featured_media":1387,"template":"","experiment_tool":[30,31,32,33],"experiment_type":[25,26,27],"class_list":["post-1386","experiment","type-experiment","status-publish","has-post-thumbnail","hentry","experiment_tool-chatgpt","experiment_tool-codex","experiment_tool-novamira","experiment_tool-wordpress","experiment_type-ai","experiment_type-code","experiment_type-design"],"acpt":{"meta":[{"meta_box":"details","meta_fields":[{"name":"short_description","type":"Text","options":[],"value":"A design and code experiment that turns a feeling into inspectable website rules.","default":"","required":false,"showInAdmin":false,"advancedOptions":[]},{"name":"external_url","type":"Url","options":[],"value":null,"default":"","required":false,"showInAdmin":false,"advancedOptions":[]},{"name":"featured_experiment","type":"Toggle","options":[],"value":"1","default":"","required":false,"showInAdmin":false,"advancedOptions":[]},{"name":"display_style","type":"Select","options":[{"label":"Standard","value":"standard"},{"label":"Wide","value":"wide"},{"label":"Tall","value":"tall"},{"label":"Featured","value":"featured"}],"value":"featured","default":"standard","required":false,"showInAdmin":false,"advancedOptions":[]}]}]},"_links":{"self":[{"href":"https:\/\/burstingrainbow.com\/index.php\/wp-json\/wp\/v2\/experiment\/1386","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/burstingrainbow.com\/index.php\/wp-json\/wp\/v2\/experiment"}],"about":[{"href":"https:\/\/burstingrainbow.com\/index.php\/wp-json\/wp\/v2\/types\/experiment"}],"version-history":[{"count":2,"href":"https:\/\/burstingrainbow.com\/index.php\/wp-json\/wp\/v2\/experiment\/1386\/revisions"}],"predecessor-version":[{"id":1390,"href":"https:\/\/burstingrainbow.com\/index.php\/wp-json\/wp\/v2\/experiment\/1386\/revisions\/1390"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/burstingrainbow.com\/index.php\/wp-json\/wp\/v2\/media\/1387"}],"wp:attachment":[{"href":"https:\/\/burstingrainbow.com\/index.php\/wp-json\/wp\/v2\/media?parent=1386"}],"wp:term":[{"taxonomy":"experiment_tool","embeddable":true,"href":"https:\/\/burstingrainbow.com\/index.php\/wp-json\/wp\/v2\/experiment_tool?post=1386"},{"taxonomy":"experiment_type","embeddable":true,"href":"https:\/\/burstingrainbow.com\/index.php\/wp-json\/wp\/v2\/experiment_type?post=1386"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}