diff --git a/.eslintrc.js b/.eslintrc.js
index 9da41bd7..ff7b7c22 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -67,6 +67,7 @@ module.exports = {
           'variant',
           'size',
           'wrap',
+          'color',
         ],
       },
     ],
diff --git a/.loki/reference/chrome_iphone7_features_EditableProfileCard_Normal.png b/.loki/reference/chrome_iphone7_features_EditableProfileCard_Normal.png
index cf2da275..0d6cf1da 100644
Binary files a/.loki/reference/chrome_iphone7_features_EditableProfileCard_Normal.png and b/.loki/reference/chrome_iphone7_features_EditableProfileCard_Normal.png differ
diff --git a/.loki/reference/chrome_laptop_features_EditableProfileCard_Normal.png b/.loki/reference/chrome_laptop_features_EditableProfileCard_Normal.png
index bfa917b6..ae18a12c 100644
Binary files a/.loki/reference/chrome_laptop_features_EditableProfileCard_Normal.png and b/.loki/reference/chrome_laptop_features_EditableProfileCard_Normal.png differ
diff --git a/src/entities/Profile/ui/ProfileCard/ProfileCard.tsx b/src/entities/Profile/ui/ProfileCard/ProfileCard.tsx
index 8a08394a..83d4c0df 100644
--- a/src/entities/Profile/ui/ProfileCard/ProfileCard.tsx
+++ b/src/entities/Profile/ui/ProfileCard/ProfileCard.tsx
@@ -49,7 +49,12 @@ export const ProfileCard = (props: ProfileCardProps) => {
 
   if (isLoading) {
     return (
-      <Card className={classNames(cls.profileCard, {}, [className])} fullwidth padding="24">
+      <Card
+        className={classNames(cls.profileCard, {}, [className])}
+        fullwidth
+        padding="24"
+        borderRadius="partial"
+      >
         <VStack gap="32" max>
           <HStack justify="center" max>
             <Skeleton width={120} height={120} borderRadius="50%" />
@@ -77,23 +82,35 @@ export const ProfileCard = (props: ProfileCardProps) => {
 
   if (error) {
     return (
-      <HStack
-        className={classNames(cls.profileCard, {}, [className, cls.error])}
-        justify="center"
-        max
+      <Card
+        className={classNames(cls.profileCard, {}, [className])}
+        fullwidth
+        padding="24"
+        borderRadius="partial"
       >
-        <Text
-          variant="error"
-          title={t('Произошла ошибка при загрузке профиля')}
-          text={t('Попробуйте обновить страницу')}
-          align="center"
-        />
-      </HStack>
+        <HStack
+          className={classNames(cls.profileCard, {}, [className, cls.error])}
+          justify="center"
+          max
+        >
+          <Text
+            variant="error"
+            title={t('Произошла ошибка при загрузке профиля')}
+            text={t('Попробуйте обновить страницу')}
+            align="center"
+          />
+        </HStack>
+      </Card>
     );
   }
 
   return (
-    <Card className={classNames(cls.profileCard, {}, [className])} fullwidth padding="24">
+    <Card
+      className={classNames(cls.profileCard, {}, [className])}
+      fullwidth
+      padding="24"
+      borderRadius="partial"
+    >
       <VStack gap="32">
         <HStack justify="center" max>
           <Avatar src={data?.avatar} alt={t('Аватар')} size={120} />
diff --git a/src/features/authByUsername/ui/LoginForm/LoginForm.tsx b/src/features/authByUsername/ui/LoginForm/LoginForm.tsx
index 1ece5d25..5c5cbdb7 100644
--- a/src/features/authByUsername/ui/LoginForm/LoginForm.tsx
+++ b/src/features/authByUsername/ui/LoginForm/LoginForm.tsx
@@ -3,15 +3,20 @@ import { useTranslation } from 'react-i18next';
 import { useSelector } from 'react-redux';
 
 import { classNames } from '@/shared/lib/classNames';
-import { Input } from '@/shared/ui/deprecated/Input';
-import { Button, ButtonTheme } from '@/shared/ui/deprecated/Button';
-import { Text, TextTheme } from '@/shared/ui/deprecated/Text';
+import { Input as InputDeprecated } from '@/shared/ui/deprecated/Input';
+import { Input } from '@/shared/ui/redesigned/Input';
+import { Button as ButtonDeprecated, ButtonTheme } from '@/shared/ui/deprecated/Button';
+import { Button } from '@/shared/ui/redesigned/Button';
+import { Text as TextDeprecated, TextTheme } from '@/shared/ui/deprecated/Text';
+import { Text } from '@/shared/ui/redesigned/Text';
 import {
   DynamicModuleLoader,
   ReducersList,
 } from '@/shared/lib/components/DynamicModuleLoader/DynamicModuleLoader';
 import { useAppDispatch } from '@/shared/lib/hooks/useAppDispatch/useAppDispatch';
 import { useTheme } from '@/shared/lib/hooks/useTheme/useTheme';
+import { ToggleFeatures } from '@/shared/lib/features';
+import { VStack } from '@/shared/ui/redesigned/Stack';
 
 import { getLoginUsername } from '../../model/selectors/getLoginUsername/getLoginUsername';
 import { getLoginPassword } from '../../model/selectors/getLoginPassword/getLoginPassword';
@@ -70,37 +75,72 @@ export const LoginForm = memo((props: LoginFormProps) => {
 
   return (
     <DynamicModuleLoader reducers={initialReducers} removeAfterUnmount>
-      <div className={classNames(cls.loginForm, {}, [className])}>
-        <Text title={t('Форма авторизации')} />
-
-        {error && <Text text={t('Неверный логин или пароль')} theme={TextTheme.ERROR} />}
-
-        <Input
-          autofocus
-          type="text"
-          placeholder={t('Введите username')}
-          className={cls.input}
-          value={username}
-          onChange={onChangeUsername}
-        />
-
-        <Input
-          type="text"
-          placeholder={t('Введите пароль')}
-          className={cls.input}
-          value={password}
-          onChange={onChangePassword}
-        />
-
-        <Button
-          theme={ButtonTheme.OUTLINE}
-          className={cls.loginBtn}
-          onClick={onLoginClick}
-          disabled={isLoading}
-        >
-          {t('Войти')}
-        </Button>
-      </div>
+      <ToggleFeatures
+        feature="isAppRedesigned"
+        on={
+          <VStack gap="16" className={classNames(cls.loginForm, {}, [className])}>
+            <Text title={t('Форма авторизации')} />
+
+            {error && <Text text={t('Неверный логин или пароль')} variant="error" />}
+
+            <Input
+              autofocus
+              type="text"
+              placeholder={t('Введите username')}
+              className={cls.input}
+              value={username}
+              onChange={onChangeUsername}
+            />
+
+            <Input
+              type="text"
+              placeholder={t('Введите пароль')}
+              className={cls.input}
+              value={password}
+              onChange={onChangePassword}
+            />
+
+            <Button className={cls.loginBtn} onClick={onLoginClick} disabled={isLoading}>
+              {t('Войти')}
+            </Button>
+          </VStack>
+        }
+        off={
+          <div className={classNames(cls.loginForm, {}, [className])}>
+            <TextDeprecated title={t('Форма авторизации')} />
+
+            {error && (
+              <TextDeprecated text={t('Неверный логин или пароль')} theme={TextTheme.ERROR} />
+            )}
+
+            <InputDeprecated
+              autofocus
+              type="text"
+              placeholder={t('Введите username')}
+              className={cls.input}
+              value={username}
+              onChange={onChangeUsername}
+            />
+
+            <InputDeprecated
+              type="text"
+              placeholder={t('Введите пароль')}
+              className={cls.input}
+              value={password}
+              onChange={onChangePassword}
+            />
+
+            <ButtonDeprecated
+              theme={ButtonTheme.OUTLINE}
+              className={cls.loginBtn}
+              onClick={onLoginClick}
+              disabled={isLoading}
+            >
+              {t('Войти')}
+            </ButtonDeprecated>
+          </div>
+        }
+      />
     </DynamicModuleLoader>
   );
 });
diff --git a/src/features/editableProfileCard/ui/EditableProfileCard/EditableProfileCard.tsx b/src/features/editableProfileCard/ui/EditableProfileCard/EditableProfileCard.tsx
index 9bfecfe7..8fe50d5e 100644
--- a/src/features/editableProfileCard/ui/EditableProfileCard/EditableProfileCard.tsx
+++ b/src/features/editableProfileCard/ui/EditableProfileCard/EditableProfileCard.tsx
@@ -7,7 +7,8 @@ import { useAppDispatch } from '@/shared/lib/hooks/useAppDispatch/useAppDispatch
 import { useInitialEffect } from '@/shared/lib/hooks/useInitialEffect/useInitialEffect';
 import { Currency } from '@/entities/Currency';
 import { Country } from '@/entities/Country';
-import { Text, TextTheme } from '@/shared/ui/deprecated/Text';
+import { Text as TextDeprecated, TextTheme } from '@/shared/ui/deprecated/Text';
+import { Text } from '@/shared/ui/redesigned/Text';
 import { ProfileCardFactory } from '@/entities/Profile';
 import {
   DynamicModuleLoader,
@@ -15,6 +16,7 @@ import {
 } from '@/shared/lib/components/DynamicModuleLoader/DynamicModuleLoader';
 import { VStack } from '@/shared/ui/redesigned/Stack';
 import { AppRoutes } from '@/shared/const/router';
+import { ToggleFeatures } from '@/shared/lib/features';
 
 import { ValidateProfileError } from '../../model/consts/consts';
 import { EditableProfileCardHeader } from '../EditableProfileCardHeader/EditableProfileCardHeader';
@@ -126,16 +128,29 @@ export const EditableProfileCard = memo((props: EditableProfileCardProps) => {
 
   return (
     <DynamicModuleLoader reducers={reducers} removeAfterUnmount>
-      <VStack gap="8" max className={classNames('', {}, [className])}>
+      <VStack gap="24" max className={classNames('', {}, [className])}>
         <EditableProfileCardHeader />
 
         {!!validateErrors?.length &&
           validateErrors.map((err) => (
-            <Text
-              key={err}
-              theme={TextTheme.ERROR}
-              text={validateErrorTranslates[err]}
-              data-testid="EditableProfileCard.Error"
+            <ToggleFeatures
+              feature="isAppRedesigned"
+              on={
+                <Text
+                  key={err}
+                  variant="error"
+                  text={validateErrorTranslates[err]}
+                  data-testid="EditableProfileCard.Error"
+                />
+              }
+              off={
+                <TextDeprecated
+                  key={err}
+                  theme={TextTheme.ERROR}
+                  text={validateErrorTranslates[err]}
+                  data-testid="EditableProfileCard.Error"
+                />
+              }
             />
           ))}
 
diff --git a/src/features/editableProfileCard/ui/EditableProfileCardHeader/EditableProfileCardHeader.tsx b/src/features/editableProfileCard/ui/EditableProfileCardHeader/EditableProfileCardHeader.tsx
index 7d8e170c..ac5fd3c5 100644
--- a/src/features/editableProfileCard/ui/EditableProfileCardHeader/EditableProfileCardHeader.tsx
+++ b/src/features/editableProfileCard/ui/EditableProfileCardHeader/EditableProfileCardHeader.tsx
@@ -6,9 +6,13 @@ import { classNames } from '@/shared/lib/classNames';
 import { useAppDispatch } from '@/shared/lib/hooks/useAppDispatch/useAppDispatch';
 import { getUserAuthData } from '@/entities/User';
 import { HStack } from '@/shared/ui/redesigned/Stack';
-import { Text } from '@/shared/ui/deprecated/Text';
-import { Button, ButtonTheme } from '@/shared/ui/deprecated/Button';
+import { Text as TextDeprecated } from '@/shared/ui/deprecated/Text';
+import { Text } from '@/shared/ui/redesigned/Text';
+import { Button as ButtonDeprecated, ButtonTheme } from '@/shared/ui/deprecated/Button';
+import { Button } from '@/shared/ui/redesigned/Button';
 import { AppRoutes } from '@/shared/const/router';
+import { ToggleFeatures } from '@/shared/lib/features';
+import { Card } from '@/shared/ui/redesigned/Card';
 
 import { profileActions } from '../../model/slice/profileSlice';
 import { updateProfileData } from '../../model/services/updateProfileData/updateProfileData';
@@ -42,38 +46,75 @@ export const EditableProfileCardHeader = memo((props: EditableProfileCardHeaderP
   }, [dispatch]);
 
   return (
-    <HStack className={classNames('', {}, [className])} justify="between" max>
-      <Text title={t('Профиль')} />
+    <ToggleFeatures
+      feature="isAppRedesigned"
+      on={
+        <Card borderRadius="partial" padding="24" fullwidth>
+          <HStack className={classNames('', {}, [className])} justify="between" max>
+            <Text title={t('Профиль')} />
 
-      {canEdit &&
-        (readonly ? (
-          <Button
-            theme={ButtonTheme.OUTLINE}
-            onClick={onEdit}
-            data-testid="EditableProfileCardHeader.EditButton"
-          >
-            {t('Редактировать')}
-          </Button>
-        ) : (
-          <HStack gap="8">
-            <Button
-              theme={ButtonTheme.OUTLINE_RED}
-              onClick={onCancelEdit}
-              data-testid="EditableProfileCardHeader.CancelButton"
-            >
-              {t('Отменить')}
-            </Button>
+            {canEdit &&
+              (readonly ? (
+                <Button onClick={onEdit} data-testid="EditableProfileCardHeader.EditButton">
+                  {t('Редактировать')}
+                </Button>
+              ) : (
+                <HStack gap="8">
+                  <Button
+                    onClick={onCancelEdit}
+                    color="error"
+                    data-testid="EditableProfileCardHeader.CancelButton"
+                  >
+                    {t('Отменить')}
+                  </Button>
 
-            <Button
-              theme={ButtonTheme.OUTLINE}
-              onClick={onSave}
-              data-testid="EditableProfileCardHeader.SaveButton"
-            >
-              {t('Сохранить')}
-            </Button>
+                  <Button
+                    onClick={onSave}
+                    color="success"
+                    data-testid="EditableProfileCardHeader.SaveButton"
+                  >
+                    {t('Сохранить')}
+                  </Button>
+                </HStack>
+              ))}
           </HStack>
-        ))}
-    </HStack>
+        </Card>
+      }
+      off={
+        <HStack className={classNames('', {}, [className])} justify="between" max>
+          <TextDeprecated title={t('Профиль')} />
+
+          {canEdit &&
+            (readonly ? (
+              <ButtonDeprecated
+                theme={ButtonTheme.OUTLINE}
+                onClick={onEdit}
+                data-testid="EditableProfileCardHeader.EditButton"
+              >
+                {t('Редактировать')}
+              </ButtonDeprecated>
+            ) : (
+              <HStack gap="8">
+                <ButtonDeprecated
+                  theme={ButtonTheme.OUTLINE_RED}
+                  onClick={onCancelEdit}
+                  data-testid="EditableProfileCardHeader.CancelButton"
+                >
+                  {t('Отменить')}
+                </ButtonDeprecated>
+
+                <ButtonDeprecated
+                  theme={ButtonTheme.OUTLINE}
+                  onClick={onSave}
+                  data-testid="EditableProfileCardHeader.SaveButton"
+                >
+                  {t('Сохранить')}
+                </ButtonDeprecated>
+              </HStack>
+            ))}
+        </HStack>
+      }
+    />
   );
 });
 
diff --git a/src/pages/ProfilePage/ui/ProfilePage.tsx b/src/pages/ProfilePage/ui/ProfilePage.tsx
index 90060c99..821efa60 100644
--- a/src/pages/ProfilePage/ui/ProfilePage.tsx
+++ b/src/pages/ProfilePage/ui/ProfilePage.tsx
@@ -2,11 +2,13 @@ import { useParams } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
 
 import { classNames } from '@/shared/lib/classNames';
-import { Text } from '@/shared/ui/deprecated/Text';
+import { Text as TextDeprecated } from '@/shared/ui/deprecated/Text';
+import { Text } from '@/shared/ui/redesigned/Text';
 import { Page } from '@/widgets/Page';
 import { VStack } from '@/shared/ui/redesigned/Stack';
 import { EditableProfileCard } from '@/features/editableProfileCard';
 import { AppRoutes } from '@/shared/const/router';
+import { ToggleFeatures } from '@/shared/lib/features';
 
 interface ProfilePageProps {
   className?: string;
@@ -18,7 +20,13 @@ export const ProfilePage = (props: ProfilePageProps) => {
   const { id } = useParams<{ id: string }>();
 
   if (!id) {
-    return <Text text={t('Профиль не найден')} />;
+    return (
+      <ToggleFeatures
+        feature="isAppRedesigned"
+        on={<Text text={t('Профиль не найден')} />}
+        off={<TextDeprecated text={t('Профиль не найден')} />}
+      />
+    );
   }
 
   return (
diff --git a/src/shared/ui/redesigned/Button/ui/Button.module.scss b/src/shared/ui/redesigned/Button/ui/Button.module.scss
index 7045e4df..f2f81e51 100644
--- a/src/shared/ui/redesigned/Button/ui/Button.module.scss
+++ b/src/shared/ui/redesigned/Button/ui/Button.module.scss
@@ -47,12 +47,31 @@
 
 .outline {
   background: none;
-  border: 2px solid var(--icon-redesigned);
   outline: none;
   border-radius: 34px;
 
-  &:hover {
-    border: 2px solid var(--accent-redesigned);
+  &.normal {
+    border: 2px solid var(--icon-redesigned);
+
+    &:hover {
+      border: 2px solid var(--accent-redesigned);
+    }
+  }
+
+  &.error {
+    border: 2px solid var(--cancel-redesigned);
+
+    &:hover {
+      opacity: 0.7;
+    }
+  }
+
+  &.success {
+    border: 2px solid var(--save-redesigned);
+
+    &:hover {
+      opacity: 0.7;
+    }
   }
 }
 
diff --git a/src/shared/ui/redesigned/Button/ui/Button.tsx b/src/shared/ui/redesigned/Button/ui/Button.tsx
index 91249afc..1cf62979 100644
--- a/src/shared/ui/redesigned/Button/ui/Button.tsx
+++ b/src/shared/ui/redesigned/Button/ui/Button.tsx
@@ -5,6 +5,7 @@ import { classNames, Mods } from '@/shared/lib/classNames';
 import cls from './Button.module.scss';
 
 export type ButtonVariant = 'clear' | 'outline' | 'filled';
+export type ButtonColor = 'normal' | 'success' | 'error';
 
 export type ButtonSize = 'm' | 'l' | 'xl';
 
@@ -21,6 +22,7 @@ interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
   fullWidth?: boolean;
   addonLeft?: ReactNode;
   addonRight?: ReactNode;
+  color?: ButtonColor;
 }
 
 export const Button = memo((props: ButtonProps) => {
@@ -34,6 +36,7 @@ export const Button = memo((props: ButtonProps) => {
     fullWidth,
     addonLeft,
     addonRight,
+    color = 'normal',
     ...otherProps
   } = props;
 
@@ -47,7 +50,7 @@ export const Button = memo((props: ButtonProps) => {
   return (
     <button
       type="button"
-      className={classNames(cls.button, mods, [className, cls[variant], cls[size]])}
+      className={classNames(cls.button, mods, [className, cls[variant], cls[size], cls[color]])}
       disabled={disabled}
       {...otherProps}
     >
diff --git a/src/shared/ui/redesigned/Card/ui/Card.module.scss b/src/shared/ui/redesigned/Card/ui/Card.module.scss
index 278ebb5b..bc20468c 100644
--- a/src/shared/ui/redesigned/Card/ui/Card.module.scss
+++ b/src/shared/ui/redesigned/Card/ui/Card.module.scss
@@ -46,3 +46,7 @@
 .round {
   border-radius: 40px;
 }
+
+.partial {
+  border-radius: 20px;
+}
diff --git a/src/shared/ui/redesigned/Card/ui/Card.tsx b/src/shared/ui/redesigned/Card/ui/Card.tsx
index 7b8e60e3..3590d68b 100644
--- a/src/shared/ui/redesigned/Card/ui/Card.tsx
+++ b/src/shared/ui/redesigned/Card/ui/Card.tsx
@@ -6,7 +6,7 @@ import cls from './Card.module.scss';
 
 export type CardVariant = 'normal' | 'outlined' | 'light';
 export type CardPadding = '0' | '8' | '16' | '24';
-export type CardBorder = 'round' | 'default';
+export type CardBorder = 'round' | 'default' | 'partial';
 
 interface CardProps extends HTMLAttributes<HTMLDivElement> {
   className?: string;
diff --git a/src/widgets/Navbar/ui/Navbar.tsx b/src/widgets/Navbar/ui/Navbar.tsx
index e0e77e13..f63f1c96 100644
--- a/src/widgets/Navbar/ui/Navbar.tsx
+++ b/src/widgets/Navbar/ui/Navbar.tsx
@@ -4,7 +4,8 @@ import { useTranslation } from 'react-i18next';
 
 import { classNames } from '@/shared/lib/classNames';
 import { Text, TextTheme } from '@/shared/ui/deprecated/Text';
-import { Button, ButtonTheme } from '@/shared/ui/deprecated/Button';
+import { Button as ButtonDeprecated, ButtonTheme } from '@/shared/ui/deprecated/Button';
+import { Button } from '@/shared/ui/redesigned/Button';
 import { LoginModal } from '@/features/authByUsername';
 import { getUserAuthData } from '@/entities/User';
 import { AppLink, AppLinkTheme } from '@/shared/ui/deprecated/AppLink';
@@ -66,13 +67,31 @@ export const Navbar = memo(({ className }: NavbarProps) => {
   }
 
   return (
-    <header className={classNames(cls.navbar, {}, [className])}>
-      <Button theme={ButtonTheme.CLEAR_INVERTED} className={cls.links} onClick={onShowModal}>
-        {t('Войти')}
-      </Button>
+    <ToggleFeatures
+      feature="isAppRedesigned"
+      on={
+        <header className={classNames(cls.navbarRedesigned, {}, [className])}>
+          <Button variant="clear" className={cls.links} onClick={onShowModal}>
+            {t('Войти')}
+          </Button>
 
-      {isAuthModal && <LoginModal isOpen={isAuthModal} onClose={onCloseModal} />}
-    </header>
+          {isAuthModal && <LoginModal isOpen={isAuthModal} onClose={onCloseModal} />}
+        </header>
+      }
+      off={
+        <header className={classNames(cls.navbar, {}, [className])}>
+          <ButtonDeprecated
+            theme={ButtonTheme.CLEAR_INVERTED}
+            className={cls.links}
+            onClick={onShowModal}
+          >
+            {t('Войти')}
+          </ButtonDeprecated>
+
+          {isAuthModal && <LoginModal isOpen={isAuthModal} onClose={onCloseModal} />}
+        </header>
+      }
+    />
   );
 });