diff --git a/llm-fe/assets/logo-mark-transparent.png b/llm-fe/assets/logo-mark-transparent.png
index 72d1f9a..873f783 100644
Binary files a/llm-fe/assets/logo-mark-transparent.png and b/llm-fe/assets/logo-mark-transparent.png differ
diff --git a/llm-fe/assets/logo-source.png b/llm-fe/assets/logo-source.png
index fbd61eb..b062c9c 100644
Binary files a/llm-fe/assets/logo-source.png and b/llm-fe/assets/logo-source.png differ
diff --git a/llm-fe/src/llm-fe/assets/brand/hesychia-mark-on-black.png b/llm-fe/src/llm-fe/assets/brand/hesychia-mark-on-black.png
index b4facc2..3c4774a 100644
Binary files a/llm-fe/src/llm-fe/assets/brand/hesychia-mark-on-black.png and b/llm-fe/src/llm-fe/assets/brand/hesychia-mark-on-black.png differ
diff --git a/llm-fe/src/llm-fe/assets/brand/hesychia-mark.png b/llm-fe/src/llm-fe/assets/brand/hesychia-mark.png
index e812605..b97ffcc 100644
Binary files a/llm-fe/src/llm-fe/assets/brand/hesychia-mark.png and b/llm-fe/src/llm-fe/assets/brand/hesychia-mark.png differ
diff --git a/llm-fe/src/llm-fe/pages/SignIn/SignIn.test.tsx b/llm-fe/src/llm-fe/pages/SignIn/SignIn.test.tsx
index a077c0b..ba5fa14 100644
--- a/llm-fe/src/llm-fe/pages/SignIn/SignIn.test.tsx
+++ b/llm-fe/src/llm-fe/pages/SignIn/SignIn.test.tsx
@@ -57,6 +57,7 @@ describe('SignIn', () => {
it('renders sign-in form fields', async () => {
renderSignIn();
+ expect(screen.getByRole('heading', { name: 'Hesychia.ai' })).toBeInTheDocument();
expect(screen.getByRole('heading', { name: 'Sign In' })).toBeInTheDocument();
expect(screen.getByPlaceholderText('Email Address')).toBeInTheDocument();
expect(screen.getByPlaceholderText('Password')).toBeInTheDocument();
diff --git a/llm-fe/src/llm-fe/pages/SignIn/SignIn.tsx b/llm-fe/src/llm-fe/pages/SignIn/SignIn.tsx
index f270ed0..8f0af9e 100644
--- a/llm-fe/src/llm-fe/pages/SignIn/SignIn.tsx
+++ b/llm-fe/src/llm-fe/pages/SignIn/SignIn.tsx
@@ -56,13 +56,28 @@ const CardTitle = styled.h2`
text-align: center;
`;
+const BrandBlock = styled.div`
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ margin-bottom: 1.25rem;
+`;
+
const BrandMark = styled.img`
width: 4rem;
height: 4rem;
- margin-bottom: 1.25rem;
border-radius: 50%;
`;
+const BrandWordmark = styled.h1`
+ margin: 0.85rem 0 0;
+ font-size: 1.75rem;
+ font-weight: 700;
+ letter-spacing: 0.02em;
+ color: #fff;
+ text-align: center;
+`;
+
const StyledInput = styled.input`
width: 100%;
background: rgba(255, 255, 255, 0.05);
@@ -243,7 +258,10 @@ const SignIn = (): JSX.Element => {
-
+
+
+ Hesychia.ai
+
Sign In
{errorMessage && {errorMessage}}