Pale rounded panels sit inside a sky-blue frame. An irregular serif introduction, circular portrait and thin wandering line connect the hero to an uneven project gallery. Numbered client examples, principles, process and helper sections continue the personal narrative, with a large blue portrait panel providing a strong visual break.
1. Expressive introduction and circular portrait. 2. Large outlined portfolio action. 3. Uneven numbered client gallery. 4. Blue portrait statement. 5. Principles and guidelines. 6. Process and helpers.
The drawn line gives the varied panels a common visual thread. Mixing italic and upright lettering creates a personal voice, while numbered projects and small captions preserve orientation.
Refero [style page](https://styles.refero.design/style/1b13360a-cdca-4798-969d-57ebb20a3b30) and [recorded video](https://images.refero.design/styles/refero.design/video/da9a201b-456f-49b8-8982-0a77dea8b9d5.mp4); [live site](https://dyotanya.com/en) checked on 2026-10-06. The recording is a point-in-time reference; current site content may differ. Descriptions distinguish the recording from the current page where they differ. Layout and motion notes come from sampled recording frames and automated live captures; interactive controls were not comprehensively tested. The recording uses a narrow viewport and contains rapid navigation between sections; its frame sequence is not a simple top-to-bottom desktop scroll.