Komplex journey design system
The customer surface inherits Komplex Logopédia's blue #008AE6, pink #e14f9b, yellow #fea500 and white. Nunito Sans headings and Quicksand supporting text are self-hosted from the source family. Preserve the real logo and Rita portrait as source assets, distinct from new generated illustrations.
Customer pages use readable mobile columns at 360, 390 and 430 CSS pixels. Exercises keep their full original wording. Touch controls have explicit labels, selected states and visible local persistence results. The video player, reflection editor and expert message relate to the same participant and day. Day context must survive navigation and all dependent fields must change together when participants change.
The outer canvas adapts the actual supplied CC Klíma spatial implementation: pan, anchored zoom, fit, jump navigation, full-screen inspector and return position. Each customer iframe is 390 CSS pixels. Fourteen expert panels sit below their matching participant days. The outer canvas is the single review comment surface. Normal customer pages carry no nested review toolbar while embedded.
Each landing is a complete decision sequence. Fifty purposeful sections across four variants adapt all 28 supplied layout structures. The original repeated quota was rationally amended and logged before editing the contract. Hero and complete CTA alternatives make a different reader decision, rather than repeating claims to satisfy a block count.
The new rasters include 20 square ad designs, seven landing illustrations and four visual alternatives per day. A picture supports the complete written exercise and never replaces it. Recommended assets are editorial starting hypotheses. Demo feedback, technical fixture clips, simulated purchase and sample slots are visibly distinguished from delivered professional service.
Final craft acceptance requires actual readable section and overlapping-run screenshots, model-specific independent Luna reviews, resolved defects and fresh published-page checks. Counts, provenance, DOM geometry and a working prototype alone do not prove visual quality.