Generative personalization

생성형 개인화

Compose copy and recommendation modules for the visitor context.

···
html
<div class="personal"><div class="context" id="context">CONTEXT: FIRST VISIT</div><div class="hero"><b id="hero">Find your first plan</b><span id="copy">Start with a quick guide</span></div><div class="recommend">RECOMMENDED <strong id="recommend">STARTER GUIDE</strong></div></div>
css
.personal{width:min(80%,410px);font:800 clamp(10px,max(1.8vmin,1vw),14px)/1.2 sans-serif}.context{color:var(--accent);margin-bottom:7px;letter-spacing:.08em}.hero{background:var(--fg);color:var(--bg);padding:clamp(10px,2.8vmin,23px);min-height:clamp(54px,14vmin,100px);display:grid;align-content:center;gap:5px}.hero b{font-size:clamp(14px,3.3vmin,27px)}.hero span{opacity:.75}.recommend{border:2px solid var(--line);padding:clamp(7px,1.7vmin,14px);margin-top:8px;color:var(--muted)}.recommend strong{display:block;color:var(--accent);margin-top:3px}
js
let first=true;const c=document.querySelector('#context'),h=document.querySelector('#hero'),p=document.querySelector('#copy'),r=document.querySelector('#recommend');function draw(){c.textContent=first?'CONTEXT: FIRST VISIT':'CONTEXT: RETURNING';h.textContent=first?'Find your first plan':'Continue your plan';p.textContent=first?'Start with a quick guide':'Pick up where you paused';r.textContent=first?'STARTER GUIDE':'SAVED DRAFT';first=!first}draw();setInterval(draw,2200);

Generative personalization creates copy or page composition from visitor context rather than choosing only among a few preset screens. A 2026 AI playbook presents it as a direction for digital experiences.

The demo switches between first-visit and returning contexts, changing the explanation and recommendation together. In production, define allowed signals and generation boundaries first.

Personalization is not automatically better. Watch for factual errors, unwanted inference, and inconsistency, then compare it with a fixed experience in an experiment.

When to use

Use it when contextual guidance matters and generated outputs can be reviewed and tested.

Open as page ↗