diff --git a/templates/main.jinja2 b/templates/main.jinja2
index 11d1995..8fecc97 100644
--- a/templates/main.jinja2
+++ b/templates/main.jinja2
@@ -2,62 +2,33 @@
 <html lang="ru-RU">
     <head>
         <meta charset="UTF-8" />
-        <meta name="color-scheme" content="dark light" />
         <meta name="application-name" content="{{ app_name }}" />
         <meta name="author" content="Иваницкий Глеб Олегович" />
         <meta name="robots" content="none" />
-        <title>{{ title }} &mdash; {{ app_name }}</title>
+        <title>Настройки</title>
         <link rel="icon" href="/static/icons/favicon.svg" type="image/svg+xml" />
-        <link rel="stylesheet" href="/static/styles/main.css" />
-        <script src="/static/scripts/vendor.js"></script>
-        <script src="/static/scripts/main.js"></script>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" type="text/css" />
+        <script type="importmap">
+            {
+                "imports": {
+                    "@material/web/": "https://esm.run/@material/web/"
+                }
+            }
+        </script>
+        <script type="module">
+            import '@material/web/all.js';
+            import {styles as typescaleStyles} from '@material/web/typography/md-typescale-styles.js';
+
+            document.adoptedStyleSheets.push(typescaleStyles.styleSheet);
+        </script>
+        <script src="https://telegram.org/js/telegram-web-app.js"></script>
+        <style>
+            body > * {
+                width: 100%;
+            }
+        </style>
     </head>
     <body>
-        <aside id="top-bar">
-            <div id="logo">
-                <svg id="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#19a1e6">
-                    <path d="M11.82,20.97c-4.77,0-8.64-3.87-8.64-8.64S7.05,3.69,11.82,3.69s8.64,3.87,8.64,8.64-3.87,8.64-8.64,8.64ZM11.19,5.52c-3.96,0-7.2,3.24-7.2,7.2s3.24,7.2,7.2,7.2,7.2-3.24,7.2-7.2-3.24-7.2-7.2-7.2Z"></path>
-                    <circle cx="17.25" cy="6" r="6"></circle>
-                    <circle cx="4.95" cy="8.19" r="4.2"></circle>
-                    <circle cx="5.55" cy="17.7" r="3.3"></circle>
-                    <circle cx="16.05" cy="18.9" r="5.1"></circle>
-                </svg>
-                <span id="title">{{ app_name }}</span>
-            </div>
-            <div id="actions"></div>
-        </aside>
-        <div id="content">
-            <aside id="menu">
-                <span class="header">Меню</span>
-                <div class="item">
-                    <input data-page="dashboard" type="button" value="Дашборд" />
-                    <div class="marker"></div>
-                </div>
-                <div class="item">
-                    <input data-page="polls" type="button" value="Опросы" />
-                    <div class="marker"></div>
-                </div>
-                <div class="item">
-                    <input data-page="statistics" type="button" value="Статистика" />
-                    <div class="marker"></div>
-                </div>
-            </aside>
-            <main id="main">
-                <section id="input">
-                    <div data-page="dashboard">Дашборд</div>
-                    <div data-page="polls">Опросы</div>
-                    <div data-page="statistics">Статистика</div>
-                </section>
-                <section id="output">
-                    <div data-page="dashboard"></div>
-                    <div data-page="polls"></div>
-                    <div data-page="statistics"></div>
-                </section>
-            </main>
-        </div>
-        <aside id="bottom-bar">
-            <span>CC BY-NC 4.0&nbsp;&bull;&nbsp;</span>
-            <a href="https://git.csasq.ru/csasq/cit-is-bot" target="_blank">Репозиторий проекта</a>
-        </aside>
+        <md-outlined-text-field label="Favorite color"></md-outlined-text-field>
     </body>
 </html>
