{"id":1375,"date":"2026-08-22T11:05:03","date_gmt":"2026-08-22T11:05:03","guid":{"rendered":"https:\/\/burstingrainbow.com\/index.php\/experiment\/latent-typography\/"},"modified":"2026-08-22T16:12:35","modified_gmt":"2026-08-22T16:12:35","slug":"latent-typography","status":"publish","type":"experiment","link":"https:\/\/burstingrainbow.com\/index.php\/experiment\/latent-typography\/","title":{"rendered":"Latent Typography"},"content":{"rendered":"<p><strong>Latent Typography<\/strong> turns a typed word into live typographic behavior. Try a word like thunder, velvet, panic, cathedral, rust, ocean, orbit, or invent your own.<\/p>\n<div class=\"lt-lab\" data-latent-type>\n  <div class=\"lt-board\">\n    <div class=\"lt-work\">\n      <div class=\"lt-spec\">\n        <label for=\"lt-word\">What should type feel like?<\/label>\n        <div class=\"lt-row\">\n          <input id=\"lt-word\" data-word-input type=\"text\" value=\"thunder\" maxlength=\"22\" autocomplete=\"off\" spellcheck=\"false\">\n          <button type=\"button\" data-interpret>Interpret<\/button>\n        <\/div>\n        <div class=\"lt-chips\" aria-label=\"Sample words\">\n          <button type=\"button\" data-word=\"thunder\">thunder<\/button>\n          <button type=\"button\" data-word=\"velvet\">velvet<\/button>\n          <button type=\"button\" data-word=\"panic\">panic<\/button>\n          <button type=\"button\" data-word=\"cathedral\">cathedral<\/button>\n          <button type=\"button\" data-word=\"orbit\">orbit<\/button>\n        <\/div>\n      <\/div>\n      <div class=\"lt-stage\" data-stage>\n        <div class=\"lt-word\" data-output aria-live=\"polite\">thunder<\/div>\n        <div class=\"lt-grain\" aria-hidden=\"true\"><\/div>\n      <\/div>\n    <\/div>\n    <div class=\"lt-panel\">\n      <p class=\"lt-caption\" data-meaning>Massive, electric, and briefly unstable.<\/p>\n      <div class=\"lt-controls\">\n        <label>Weight <input data-axis=\"weight\" type=\"range\" min=\"260\" max=\"900\" value=\"870\"><\/label>\n        <label>Width <input data-axis=\"width\" type=\"range\" min=\"70\" max=\"140\" value=\"124\"><\/label>\n        <label>Slant <input data-axis=\"slant\" type=\"range\" min=\"-12\" max=\"12\" value=\"-4\"><\/label>\n        <label>Space <input data-axis=\"track\" type=\"range\" min=\"-8\" max=\"14\" value=\"-4\"><\/label>\n        <label>Motion <input data-axis=\"motion\" type=\"range\" min=\"0\" max=\"100\" value=\"72\"><\/label>\n      <\/div>\n      <div class=\"lt-mode\" aria-label=\"Material mode\">\n        <button type=\"button\" data-mode=\"ink\">ink<\/button>\n        <button type=\"button\" data-mode=\"steel\">steel<\/button>\n        <button type=\"button\" data-mode=\"velvet\">velvet<\/button>\n        <button type=\"button\" data-mode=\"signal\">signal<\/button>\n      <\/div>\n      <button class=\"lt-tone\" type=\"button\" data-tone>play tiny tone<\/button>\n      <pre data-json>{ \"word\": \"thunder\", \"mode\": \"steel\" }<\/pre>\n    <\/div>\n  <\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>A live Code experiment that turns words into typographic mood, motion, and material.<\/p>\n","protected":false},"featured_media":1376,"template":"","experiment_tool":[31,32,33],"experiment_type":[26],"class_list":["post-1375","experiment","type-experiment","status-publish","has-post-thumbnail","hentry","experiment_tool-codex","experiment_tool-novamira","experiment_tool-wordpress","experiment_type-code"],"acpt":{"meta":[{"meta_box":"details","meta_fields":[{"name":"short_description","type":"Text","options":[],"value":"A live Code experiment that turns words into typographic mood, motion, and material.","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\/1375","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\/1375\/revisions"}],"predecessor-version":[{"id":1391,"href":"https:\/\/burstingrainbow.com\/index.php\/wp-json\/wp\/v2\/experiment\/1375\/revisions\/1391"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/burstingrainbow.com\/index.php\/wp-json\/wp\/v2\/media\/1376"}],"wp:attachment":[{"href":"https:\/\/burstingrainbow.com\/index.php\/wp-json\/wp\/v2\/media?parent=1375"}],"wp:term":[{"taxonomy":"experiment_tool","embeddable":true,"href":"https:\/\/burstingrainbow.com\/index.php\/wp-json\/wp\/v2\/experiment_tool?post=1375"},{"taxonomy":"experiment_type","embeddable":true,"href":"https:\/\/burstingrainbow.com\/index.php\/wp-json\/wp\/v2\/experiment_type?post=1375"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}