diff --git a/src/components/Auth/SignIn.tsx b/src/components/Auth/SignIn.tsx
index bb91ba07..d58eecec 100644
--- a/src/components/Auth/SignIn.tsx
+++ b/src/components/Auth/SignIn.tsx
@@ -1,15 +1,16 @@
-import { Button, Flex, Text, useToast } from '@chakra-ui/react'
+import { Button, Flex, Link, Text, useToast } from '@chakra-ui/react'
 import { useMutation } from '@tanstack/react-query'
-import { useState } from 'react'
+import { useEffect, useState } from 'react'
 import { FormProvider, useForm } from 'react-hook-form'
 import { useTranslation } from 'react-i18next'
-import { NavLink, useNavigate } from 'react-router-dom'
+import { NavLink, useNavigate, useOutletContext } from 'react-router-dom'
 import { api, ApiEndpoints, UnverifiedApiError } from '~components/Auth/api'
 import { ILoginParams } from '~components/Auth/authQueries'
 import { useAuth } from '~components/Auth/useAuth'
 import { VerificationPending } from '~components/Auth/Verify'
 import FormSubmitMessage from '~components/Layout/FormSubmitMessage'
 import InputPassword from '~components/Layout/InputPassword'
+import { AuthOutletContextType } from '~elements/LayoutAuth'
 import { Routes } from '~src/router/routes'
 import CustomCheckbox from '../Layout/CheckboxCustom'
 import InputBasic from '../Layout/InputBasic'
@@ -42,9 +43,12 @@ const SignIn = ({ email: emailProp }: { email?: string }) => {
   const { t } = useTranslation()
   const toast = useToast()
   const navigate = useNavigate()
+  const { setTitle, setSubTitle } = useOutletContext<AuthOutletContextType>()
   const methods = useForm<FormData>({
     defaultValues: { email: emailProp },
   })
+  const [isErrorA, setIsErrorA] = useState(false)
+  const [isComponentMounted, setIsComponentMounted] = useState(false)
   const { handleSubmit, watch } = methods
   const email = watch('email', emailProp)
 
@@ -55,6 +59,20 @@ const SignIn = ({ email: emailProp }: { email?: string }) => {
   const { mutateAsync: checkVerificationCodeStatus } = useVerificationCodeStatus()
   const { mutateAsync: resendVerificationCode } = useResendVerificationCode()
 
+  useEffect(() => {
+    setTitle(t('signin_title'))
+    setSubTitle(t('signin_subtitle'))
+    setIsComponentMounted(true)
+  }, [])
+
+  useEffect(() => {
+    if (isComponentMounted && isError) {
+      setIsErrorA(true)
+    }
+
+    return () => setIsErrorA(false)
+  }, [isError])
+
   const onSubmit = async (data: FormData) => {
     await login(data)
       .then(() => navigate(Routes.dashboard.base))
@@ -111,7 +129,6 @@ const SignIn = ({ email: emailProp }: { email?: string }) => {
             label={t('email')}
             placeholder={t('email_placeholder', { defaultValue: 'your@email.com' })}
             type='email'
-            required
           />
           <InputPassword
             formValue='password'
@@ -123,7 +140,7 @@ const SignIn = ({ email: emailProp }: { email?: string }) => {
             <CustomCheckbox formValue='keepLogedIn' label={t('keep_me_logged', { defaultValue: 'Keep me logged' })} />
 
             <NavLink to={Routes.auth.recovery}>
-              <Text color={'account.link'} fontSize='sm' fontWeight='500' whiteSpace='nowrap'>
+              <Text fontSize='sm' fontWeight='500' whiteSpace='nowrap'>
                 {t('forgot_password')}
               </Text>
             </NavLink>
@@ -137,14 +154,12 @@ const SignIn = ({ email: emailProp }: { email?: string }) => {
       <Flex flexDirection='column' justifyContent='center' alignItems='start' maxW='100%' mt={0}>
         <Text fontWeight='400' fontSize='sm'>
           {t('not_registred_yet')}
-          <NavLink to={Routes.auth.signUp}>
-            <Text color={'account.link'} as='span' ms={1} fontWeight='500'>
-              {t('create_account')}
-            </Text>
-          </NavLink>
+          <Link as={NavLink} to={Routes.auth.signUp} ml={1} fontWeight={500}>
+            {t('create_account')}
+          </Link>
         </Text>
       </Flex>
-      <FormSubmitMessage isError={isError} error={error} />
+      <FormSubmitMessage isError={isErrorA} error={error} />
     </>
   )
 }
diff --git a/src/components/Auth/SignUp.tsx b/src/components/Auth/SignUp.tsx
index 3f738feb..032dc977 100644
--- a/src/components/Auth/SignUp.tsx
+++ b/src/components/Auth/SignUp.tsx
@@ -1,12 +1,14 @@
 import { Button, Flex, Link, Text } from '@chakra-ui/react'
+import { useEffect } from 'react'
 import { FormProvider, useForm } from 'react-hook-form'
 import { Trans, useTranslation } from 'react-i18next'
-import { Navigate, NavLink, Link as ReactRouterLink } from 'react-router-dom'
+import { Navigate, NavLink, Link as ReactRouterLink, useOutletContext } from 'react-router-dom'
 import { IRegisterParams } from '~components/Auth/authQueries'
 import { useAuth } from '~components/Auth/useAuth'
 import { VerificationPending } from '~components/Auth/Verify'
 import FormSubmitMessage from '~components/Layout/FormSubmitMessage'
 import InputPassword from '~components/Layout/InputPassword'
+import { AuthOutletContextType } from '~elements/LayoutAuth'
 import { useSignupFromInvite } from '~src/queries/account'
 import { Routes } from '~src/router/routes'
 import CustomCheckbox from '../Layout/CheckboxCustom'
@@ -32,6 +34,8 @@ const SignUp = ({ invite }: SignupProps) => {
   const { t } = useTranslation()
   const { register } = useAuth()
   const inviteSignup = useSignupFromInvite(invite?.address)
+  const { setTitle, setSubTitle } = useOutletContext<AuthOutletContextType>()
+
   const methods = useForm<FormData>({
     defaultValues: {
       terms: false,
@@ -45,6 +49,11 @@ const SignUp = ({ invite }: SignupProps) => {
   const isError = register.isError || inviteSignup.isError
   const error = register.error || inviteSignup.error
 
+  useEffect(() => {
+    setTitle(t('signup_title'))
+    setSubTitle(t('signup_subtitle'))
+  }, [])
+
   const onSubmit = (user: FormData) => {
     if (!invite) {
       return register.mutate(user)
@@ -87,8 +96,13 @@ const SignUp = ({ invite }: SignupProps) => {
             formValue='email'
             label={t('email')}
             placeholder={t('email_placeholder', { defaultValue: 'your@email.com' })}
-            type='email'
-            required
+            validation={{
+              required: t('form.error.field_is_required'),
+              pattern: {
+                value: /^[^\s@]+@[^\s@]+\.[^\s@]+$/, // Regex para validar emails
+                message: t('form.error.email_invalid', { defaultValue: 'Invalid email address' }),
+              },
+            }}
             isDisabled={!!invite}
           />
           <InputPassword
@@ -96,7 +110,6 @@ const SignUp = ({ invite }: SignupProps) => {
             label={t('password')}
             placeholder={t('password_placeholder')}
             type='password'
-            required
             validation={{
               required: t('form.error.field_is_required'),
               minLength: {
@@ -129,11 +142,9 @@ const SignUp = ({ invite }: SignupProps) => {
       <Flex flexDirection='column' justifyContent='center' alignItems='start' maxW='100%'>
         <Text color='account.description' fontWeight='400' fontSize='sm'>
           {t('already_member')}
-          <NavLink to={Routes.auth.signIn}>
-            <Text color={'account.link'} as='span' ms={1} fontWeight='500'>
-              {t('signin')}
-            </Text>
-          </NavLink>
+          <Link as={NavLink} to={Routes.auth.signIn} ml={1} fontWeight={500}>
+            {t('signin')}
+          </Link>
         </Text>
       </Flex>
       {isError && <FormSubmitMessage isError={isError} error={error} />}
diff --git a/src/components/Home/Benefits.tsx b/src/components/Home/Benefits.tsx
index 5e35a624..9ef0f4b6 100644
--- a/src/components/Home/Benefits.tsx
+++ b/src/components/Home/Benefits.tsx
@@ -37,7 +37,7 @@ const Benefits = () => {
             right='9%'
           />
         </Box>
-        <Box as='section' id='benefits' mt={{ base: '50px' }}>
+        <Box as='section' id='benefits'>
           <Box
             width='full'
             m='0 auto'
diff --git a/src/components/Home/Clients.tsx b/src/components/Home/Clients.tsx
index a463f8c2..c63e5f0d 100644
--- a/src/components/Home/Clients.tsx
+++ b/src/components/Home/Clients.tsx
@@ -26,6 +26,7 @@ const Clients = () => {
       >
         {t('home.clients_title')}
       </Text>
+      <ClientsGrid />
     </>
   )
 }
@@ -40,17 +41,17 @@ export const ClientsGrid = (props: GridProps) => (
       sm: '20px',
       md: '80px',
     }}
-    maxW={{ base: '100%', sm: '70%', sm2: '80%', lg: '900px' }}
+    maxW={{ base: '100%', sm: '80%', lg: '900px' }}
     flexDirection={{ base: 'column', sm: 'row' }}
     justifyContent='center'
-    mb={{ base: '60px' }}
+    mb={{ lg: '60px' }}
     gridTemplateColumns='repeat(5, 1fr)'
-    gridRowGap='50px'
+    gridRowGap={{ base: '0px', sm: '30px', lg: '50px' }}
     {...props}
   >
     <Card variant='client'>
       <CardHeader>
-        <Image src={barca} h={{ base: '32.5px', sm2: '65px', lg: '70px' }} />
+        <Image src={barca} h={{ base: '45.5px', sm2: '65px', lg: '70px' }} />
       </CardHeader>
       <CardBody>
         <Text as='span'>F.C. Barcelona</Text>
@@ -58,7 +59,7 @@ export const ClientsGrid = (props: GridProps) => (
     </Card>
     <Card variant='client'>
       <CardHeader>
-        <Image src={omnium} h={{ base: '27.5px', sm2: '75px', lg: '87px' }} />
+        <Image src={omnium} h={{ base: '52.5px', sm2: '75px', lg: '87px' }} />
       </CardHeader>
       <CardBody>
         <Text as='span'>Omnium Cultural</Text>
@@ -66,7 +67,7 @@ export const ClientsGrid = (props: GridProps) => (
     </Card>
     <Card variant='client'>
       <CardHeader>
-        <Image src={berga} h={{ base: '35px', sm2: '70px', lg: '81px' }} />
+        <Image src={berga} h={{ base: '49px', sm2: '70px', lg: '81px' }} />
       </CardHeader>
       <CardBody>
         <Text as='span'>Ajuntament Berga</Text>
@@ -74,7 +75,7 @@ export const ClientsGrid = (props: GridProps) => (
     </Card>
     <Card variant='client'>
       <CardHeader>
-        <Image src={bisbal} h={{ base: '36px', sm2: '72px', lg: '83px' }} />
+        <Image src={bisbal} h={{ base: '50px', sm2: '72px', lg: '83px' }} />
       </CardHeader>
       <CardBody>
         <Text as='span'>Ajuntament la Bisbal</Text>
@@ -82,7 +83,7 @@ export const ClientsGrid = (props: GridProps) => (
     </Card>
     <Card variant='client'>
       <CardHeader>
-        <Image src={coec} h={{ base: '17.5px', sm2: '35px', lg: '45px' }} />
+        <Image src={coec} h={{ base: '24.5px', sm2: '35px', lg: '45px' }} />
       </CardHeader>
       <CardBody>
         <Text as='span'>COEC</Text>
@@ -90,7 +91,7 @@ export const ClientsGrid = (props: GridProps) => (
     </Card>
     <Card variant='client'>
       <CardHeader>
-        <Image src={erc} h={{ base: '19px', sm2: '38px', lg: '52px' }} />
+        <Image src={erc} h={{ base: '26.5px', sm2: '38px', lg: '52px' }} />
       </CardHeader>
       <CardBody>
         <Text as='span'>Esquerra Republicana</Text>
@@ -98,7 +99,7 @@ export const ClientsGrid = (props: GridProps) => (
     </Card>
     <Card variant='client'>
       <CardHeader>
-        <Image src={bellpuig} h={{ base: '36px', sm2: '72px', lg: '83px' }} />
+        <Image src={bellpuig} h={{ base: '50px', sm2: '72px', lg: '83px' }} />
       </CardHeader>
       <CardBody>
         <Text as='span'>Ajuntament Bellpuig</Text>
@@ -106,7 +107,7 @@ export const ClientsGrid = (props: GridProps) => (
     </Card>
     <Card variant='client'>
       <CardHeader>
-        <Image src={ticanoia} h={{ base: '13px', sm2: '26px', lg: '32px' }} />
+        <Image src={ticanoia} h={{ base: '18px', sm2: '26px', lg: '32px' }} />
       </CardHeader>
       <CardBody>
         <Text as='span'>TIC Anoia</Text>
@@ -114,7 +115,7 @@ export const ClientsGrid = (props: GridProps) => (
     </Card>
     <Card variant='client'>
       <CardHeader>
-        <Image src={decidim} h={{ base: '31px', sm2: '62px', lg: '70px' }} />
+        <Image src={decidim} h={{ base: '43.5px', sm2: '62px', lg: '70px' }} />
       </CardHeader>
       <CardBody>
         <Text as='span'>Decidim</Text>
@@ -122,7 +123,7 @@ export const ClientsGrid = (props: GridProps) => (
     </Card>
     <Card variant='client'>
       <CardHeader>
-        <Image src={bloock} h={{ base: '17.5px', sm2: '35px', lg: '33px' }} />
+        <Image src={bloock} h={{ base: '24.5px', sm2: '35px', lg: '33px' }} />
       </CardHeader>
       <CardBody>
         <Text as='span'>Bloock</Text>
diff --git a/src/components/Layout/CheckboxCustom.tsx b/src/components/Layout/CheckboxCustom.tsx
index fd37b372..e740bbc5 100644
--- a/src/components/Layout/CheckboxCustom.tsx
+++ b/src/components/Layout/CheckboxCustom.tsx
@@ -10,7 +10,7 @@ export interface CheckboxCustomProps {
   colorScheme?: string
 }
 
-const CheckboxCustom = ({ formValue, label, required = false, colorScheme = 'brandScheme' }: CheckboxCustomProps) => {
+const CheckboxCustom = ({ formValue, label, required = false, colorScheme = 'brand' }: CheckboxCustomProps) => {
   const { t } = useTranslation()
   const {
     register,
diff --git a/src/components/Layout/InputBasic.tsx b/src/components/Layout/InputBasic.tsx
index ff9c8bff..745514af 100644
--- a/src/components/Layout/InputBasic.tsx
+++ b/src/components/Layout/InputBasic.tsx
@@ -24,7 +24,7 @@ const InputBasic = ({ formValue, label, required = false, validation = {}, ...pr
   const errorMessage = errors[formValue]?.message?.toString() || ''
 
   return (
-    <FormControl isInvalid={!!errors[formValue]} isRequired={required}>
+    <FormControl isInvalid={!!errors[formValue]}>
       {label && <FormLabel>{label}</FormLabel>}
       <Input {...register(formValue, validationRules)} {...props} />
       <FormErrorMessage mt={2}>{errorMessage || 'Error performing the operation'}</FormErrorMessage>
diff --git a/src/components/Organization/Create.tsx b/src/components/Organization/Create.tsx
index bde8b756..df1d7243 100644
--- a/src/components/Organization/Create.tsx
+++ b/src/components/Organization/Create.tsx
@@ -92,7 +92,6 @@ export const OrganizationCreate = ({
         id='process-create-form'
         direction='column'
         gap={6}
-        maxW='90%'
         mx='auto'
         {...props}
         onSubmit={(e) => {
diff --git a/src/components/Organization/Dashboard/AuthBanner.tsx b/src/components/Organization/Dashboard/AuthBanner.tsx
index 8b65a5b1..c07c579f 100644
--- a/src/components/Organization/Dashboard/AuthBanner.tsx
+++ b/src/components/Organization/Dashboard/AuthBanner.tsx
@@ -17,7 +17,7 @@ const AuthBanner = ({ children, ...props }: AuthBannerProps) => {
       flex={{ base: '1 1 100%', xl: '1 1 50%' }}
       background='linear-gradient(to bottom, #B5F492, #338B93)'
       borderBottomLeftRadius={{ xl: '200px' }}
-      pt={14}
+      pt={{ base: 20, xl: 0 }}
       pb={{ xl: 5 }}
     >
       <ColorModeSwitcher position='absolute' top={3.5} right={2.5} />
@@ -29,25 +29,30 @@ const AuthBanner = ({ children, ...props }: AuthBannerProps) => {
         }}
         textAlign='center'
         h='100%'
-        maxW='600px'
         mx='auto'
         {...props}
       >
         {children}
-        <Flex mt='auto' flexDirection='column' alignItems='center' justifyContent='center' color='white'>
+        <Flex mt='auto' flexDirection='column' alignItems='center' justifyContent='center'>
           <List display='flex' gap={5}>
             <ListItem>
-              <Link as={ReactRouterLink} fontWeight='500' to='mailto:info@vocdoni.org'>
+              <Link as={ReactRouterLink} fontWeight='500' to='mailto:info@vocdoni.org' color={'banner_link'}>
                 {t('support', { defaultValue: 'Support' })}
               </Link>
             </ListItem>
             <ListItem>
-              <Link as={ReactRouterLink} fontWeight='500' to={Routes.terms}>
+              <Link as={ReactRouterLink} fontWeight='500' to={Routes.terms} isExternal color={'banner_link'}>
                 {t('terms_of_use', { defaultValue: 'Terms of use' })}
               </Link>
             </ListItem>
             <ListItem>
-              <Link as={ReactRouterLink} fontWeight='500' to='https://blog.vocdoni.io/' isExternal>
+              <Link
+                as={ReactRouterLink}
+                fontWeight='500'
+                to='https://blog.vocdoni.io/'
+                isExternal
+                color={'banner_link'}
+              >
                 {t('blog', { defaultValue: 'Blog' })}
               </Link>
             </ListItem>
diff --git a/src/elements/LayoutAuth.tsx b/src/elements/LayoutAuth.tsx
index c23704b0..08c543a3 100644
--- a/src/elements/LayoutAuth.tsx
+++ b/src/elements/LayoutAuth.tsx
@@ -40,18 +40,24 @@ const LayoutAuth = () => {
         </NavLink>
       </Box>
       <Flex
+        position={'relative'}
         flex={{ base: '1 1 100%', xl: '1 1 50%' }}
         flexDirection='column'
-        justifyContent='start'
+        justifyContent='center'
         alignItems='center'
         px={{
           base: 2.5,
           sm: 5,
         }}
-        pt={20}
-        pb={{ base: 14, xl: 0 }}
       >
-        <Flex flexDirection='column' justifyContent={{ base: 'start', xl: 'center' }} alignItems='center' w='full'>
+        <Flex
+          flexDirection='column'
+          justifyContent={{ base: 'start', xl: 'center' }}
+          alignItems='center'
+          w='full'
+          pb={20}
+          pt={10}
+        >
           <Flex direction='column' gap={6} w={'100%'} maxW='500px'>
             <Box me='auto'>
               <Heading fontSize='4xl' mb={2.5}>
@@ -65,6 +71,8 @@ const LayoutAuth = () => {
           </Flex>
         </Flex>
         <Text
+          position={'absolute'}
+          bottom={0}
           display={{ base: 'none', xl: 'block' }}
           mt='auto'
           color={'auth.text_color_secondary'}
@@ -76,7 +84,7 @@ const LayoutAuth = () => {
       </Flex>
       <AuthBanner>
         {sidebar}
-        <Flex flexGrow={1} alignItems='end' justifyContent='center'>
+        <Flex flexGrow={1} alignItems='end' justifyContent='center' w='full'>
           <Box mb={{ base: 10, xl: 24 }}>
             <Text fontSize='5xl' color='white' lineHeight={1} mb={{ base: 10, xl: 5 }}>
               {t('auth.title', { defaultValue: 'The global voting platform' })}
diff --git a/src/elements/account/createOrganization.tsx b/src/elements/account/createOrganization.tsx
index 48d629f8..73eaa9a0 100644
--- a/src/elements/account/createOrganization.tsx
+++ b/src/elements/account/createOrganization.tsx
@@ -22,7 +22,7 @@ const CreateOrganization = () => {
 }
 
 const CreateOrganizationSidebar = () => (
-  <Flex flexGrow={1} flexDirection='column' alignItems='center' justifyContent='space-between'>
+  <Flex flexGrow={1} flexDirection='column' alignItems='center' justifyContent='space-between' pt={{ xl: 10 }}>
     <Heading textAlign='center' mb={12} color='white'>
       <Trans i18nKey='create_org.header'>Try Vocdoni for free for 7 days</Trans>
     </Heading>
@@ -48,10 +48,10 @@ const CreateOrganizationSidebar = () => (
     <Text textAlign='center' color='red.700' fontWeight='500' mb='48px'>
       <Trans i18nKey='create_org.credit_card'>No credit card, no automatic renewal.</Trans>
     </Text>
-    <Button form='process-create-form' type='submit' mx='auto' mb='32px' w='50%'>
+    <Button form='process-create-form' type='submit' mx='auto' mb={24} w='50%'>
       <Trans i18nKey='view_pricing'>View Pricing</Trans>
     </Button>
-    <ClientsGrid gridRowGap={16} maxW={'full'} px={0} />
+    <ClientsGrid mb={10} maxW={'full'} px={0} />
   </Flex>
 )
 export default CreateOrganization
diff --git a/src/theme/colors.ts b/src/theme/colors.ts
index e7409d10..fe11ada5 100644
--- a/src/theme/colors.ts
+++ b/src/theme/colors.ts
@@ -19,7 +19,7 @@ export const colorsBase = {
   orange: '#FFA500',
   primary: '#546E39',
   primary_dark: 'rgba(84, 110, 57, 0.2)',
-  red: '#C53030',
+  red: '#FC8181',
   white: {
     pure: '#ffffff',
     dark: '#F5F5F7',
@@ -51,6 +51,7 @@ export const colors = {
   auth: {
     textColorSecondary: colorsBase.gray.normal,
   },
+  banner_link: colorsBase.white.pure,
   bg: {
     light: colorsBase.white.dark,
     dark: colorsBase.blue.dark2,
@@ -408,7 +409,7 @@ export const colors = {
       dark: 'gray.600',
     },
   },
-
+  text_area_bg: colorsBase.white.pure,
   text_area: {
     toolbar_dark: {
       bg: '#232323',
diff --git a/src/theme/components/card.ts b/src/theme/components/card.ts
index 31db3ced..f022c20c 100644
--- a/src/theme/components/card.ts
+++ b/src/theme/components/card.ts
@@ -173,7 +173,7 @@ export const Card = defineMultiStyleConfig({
       body: {
         p: 0,
         fontSize: '10px',
-        minH: '40px',
+        minH: '50px',
 
         span: {
           display: 'none',
diff --git a/src/theme/components/input.ts b/src/theme/components/input.ts
index 26060241..9644d23b 100644
--- a/src/theme/components/input.ts
+++ b/src/theme/components/input.ts
@@ -11,6 +11,13 @@ const baseStyle = definePartsStyle({
     _dark: {
       bgColor: 'input.bg.dark',
     },
+
+    _invalid: {
+      _focusVisible: {
+        borderColor: 'input.error',
+        boxShadow: '0px 0px 0px 1px #FC8181',
+      },
+    },
   },
 
   element: {
diff --git a/src/theme/components/textarea.ts b/src/theme/components/textarea.ts
index 12c40c86..854a59c6 100644
--- a/src/theme/components/textarea.ts
+++ b/src/theme/components/textarea.ts
@@ -3,5 +3,11 @@ import { defineStyleConfig } from '@chakra-ui/react'
 export const Textarea = defineStyleConfig({
   baseStyle: {
     borderRadius: 'lg',
+
+    bgColor: 'text_area_bg !important',
+
+    _dark: {
+      bgColor: 'transparent !important',
+    },
   },
 })