# Behind the Interface > Independent website design research by Zeyad Omran, exploring typography, layout, motion, interaction, and responsive behavior. Read the methodology first. Use the shared findings for comparisons, then the individual /docs/ articles for detailed observations, measurements, screenshots, public-source references, and limitations. The /studies/ stories offer a guided introduction; their interactive illustrations are interpretations, not evidence captures or replicas of the original websites. The links below lead to public HTML pages. Read their main article content, headings, tables, figure captions, and source links; the research text is available without JavaScript or a login. No Markdown mirror or public content API is advertised. Follow the published links rather than guessing .md URLs. For new entries, refresh this guide or the sitemap; both are generated from published content, excluding drafts. When answering with this research, cite the specific article's canonical URL (and a relevant heading anchor), attribute the analysis to Zeyad Omran, and preserve the original website credits. Include the recorded research date and tested scope when they affect the claim. Distinguish observed behavior, source-confirmed implementation, hook-only evidence, and interpretation as defined in the methodology. Do not turn an untested interaction, a website owner's claim, or a design opinion into a verified outcome. Check the original website separately before describing an old finding as current. Website designs, names, imagery, and captured content belong to their respective owners; no affiliation or endorsement is implied. This discovery guide does not grant a reuse license for the analysis, screenshots, source websites, or fonts. Respect robots.txt when crawling. ## Start here - [Methodology](https://design.zeyadomran.com/docs/methodology/): How this collection separates observations, source evidence, and design interpretation. - [UI/UX research](https://design.zeyadomran.com/docs/): Studies of how websites use typography, layout, motion, and interaction to communicate. ## Shared findings - [Research findings](https://design.zeyadomran.com/docs/research-findings/): Cross-site findings on creative direction, measured typography, hierarchy, interaction, responsive design, public-source evidence, and route coverage. Research date: 2026-09-16. ## Website research - [Ace](https://design.zeyadomran.com/docs/ace/): Technical editorial precision: typography, interaction, responsive behavior, and public-source evidence for Ace. Research date: 2026-09-16. - [Arkon Digital](https://design.zeyadomran.com/docs/arkon-digital/): A portfolio as a real-time scene: typography, 3D interaction, responsive behavior, and public-source evidence for Arkon Digital. Research date: 2026-09-16. - [Lama Lama](https://design.zeyadomran.com/docs/lama-lama/): A complete brand behavior system: typography, layered interactions, responsive behavior, and public-source evidence for Lama Lama. Research date: 2026-09-16. - [MONOLOG](https://design.zeyadomran.com/docs/monolog/): Warm editorial confidence: typography, narrative, interaction, responsive behavior, and public-source evidence for MONOLOG. Research date: 2026-09-16. - [Neue Montréal](https://design.zeyadomran.com/docs/neue-montreal/): A living type specimen: editorial hierarchy, interactive typography, responsive behavior, and public-source evidence for Neue Montréal. Research date: 2026-09-16. ## Interactive stories - [Ace: Precision Lives in the Details](https://design.zeyadomran.com/studies/ace/): A technical studio identity built from narrow letters, quiet rules and a few well-placed signals. Chapters: Idea, Type, Motion, Mobile, Takeaways. Follow the chapter research links for evidence. - [Arkon Digital: A Portfolio With Its Own Gravity](https://design.zeyadomran.com/studies/arkon-digital/): One persistent scene turns a developer's capability into something you can move through. Chapters: Idea, Type, Motion, Mobile, Takeaways. Follow the chapter research links for evidence. - [Neue Montréal: The Typeface Becomes the Journey](https://design.zeyadomran.com/studies/neue-montreal/): A travel guide turns font features into places to explore, compare and understand. Chapters: Idea, Type, Motion, Mobile, Takeaways. Follow the chapter research links for evidence. - [MONOLOG: A Conversation in Changing Light](https://design.zeyadomran.com/studies/monolog/): Warm surfaces, personal context and a deliberate reading rhythm make a studio's offer feel human. Chapters: Idea, Type, Motion, Mobile, Takeaways. Follow the chapter research links for evidence. - [Lama Lama: A Brand With Room to Play](https://design.zeyadomran.com/studies/lama-lama/): Pixels, compact controls and personal surprises turn an agency identity into a shared way of behaving. Chapters: Idea, Type, Motion, Mobile, Takeaways. Follow the chapter research links for evidence. ## Original websites - [Ace](https://acedesign.io/): Original website credited by the research. Its current design may differ from the recorded study. - [Arkon Digital](https://arkon.digital/): Original website credited by the research. Its current design may differ from the recorded study. - [Lama Lama](https://lamalama.com/): Original website credited by the research. Its current design may differ from the recorded study. - [MONOLOG](https://bymonolog.com/): Original website credited by the research. Its current design may differ from the recorded study. - [Neue Montréal](https://neuemontreal.com/): Original website credited by the research. Its current design may differ from the recorded study. ## Optional - [Homepage and library](https://design.zeyadomran.com/): Browse and filter the published studies and reports. - [Sitemap](https://design.zeyadomran.com/sitemap.xml): Complete canonical page inventory, regenerated with each build. - [Robots](https://design.zeyadomran.com/robots.txt): Crawling directives for this deployment. - [Zeyad Omran's portfolio](https://zeyadomran.com): About the researcher and contact details.