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}}