<container-01>
<heading>It all starts with choosing a city<heading>
<paragraph>To start your digital tour of domestic architecture you need to choose a city - Moscow, St. Petersburg, or Nizhny Novgorod.<paragraph>
<container-01>

<picture-container>

<picture-container>

<container-01>
<heading>Then, the choice of excursion<heading>
<paragraph>After selecting a city the user is taken to the tour selection page, where he can select a specific house or open a random house by clicking the "Random House" button.<paragraph>
<container-01>

<picture-container>

<picture-container>

<container-01>
<heading>Start of excursion<heading>
<paragraph>The tour begins with an animation of the house which on a smooth scroll of the user unfolds into a large collage revealing the image, style, features, techniques, and distinctive elements of the house and its history.<paragraph>
<container-01>

<container-01>
<paragraph>The tour begins with an animation of the house which on a smooth scroll of the user unfolds into a large collage revealing the image, style, features, techniques, and distinctive elements of the house and its history.<paragraph>
<container-01>

<container-01>
<paragraph>The collage animation ends with a transition to the first point of the tour, the introduction. When the tale of the architectural object and its history begins, the direction of the scroll changes from vertical to horizontal. The excursion shares the collage's unity and continuity, acting like a physical tour of a house. The excursion page becomes a whole canvas, like a continuous album page, with occasional collage illustrations and small abstract forms that reproduce features of the exterior and interior of the house.<paragraph>
<container-01>

<container-01>
<heading>End of excursion<heading>
<paragraph>The excursion ends with a virtual postcard, which you can repost on social networks to share your impressions, and an opportunity to move on to the next tour to continue the user's journey through the history of architectural heritage, bypassing the return to the choice of city or house.<paragraph>
<container-01>

<container-01>
<heading>Color systems<heading>
<paragraph>We've created several systems that divide the site into two main parts - the pre-excursion section and the excursion section. Each system is based on a rule that converts the four colors of the Avito logo into multiple color schemes that help separate and organize the directions/(content) from one another. For example, the pre-excursion part separates cities from each other and the excursion part separates architectural sites from each other.<paragraph>
<container-01>

<container-01>
<heading>1. The pre-excursion section<heading>
<container-01>

<container-01>
<heading>2. The excursion section<heading>
<container-01>

<container-01>
<heading>Typography<heading>
<container-01>