diff --git a/config/mocks/wallet-options-v4.json b/config/mocks/wallet-options-v4.json
index db06ca43c94..1135aba2b80 100644
--- a/config/mocks/wallet-options-v4.json
+++ b/config/mocks/wallet-options-v4.json
@@ -45,7 +45,7 @@
         "recurringBuys": true,
         "isRedesignEnabled": true,
         "signupCountry": true,
-        "taxCenter": false,
+        "taxCenter": true,
         "tradingCurrencyFlyout": true,
         "useNewPaymentProviders": true,
         "walletConnect": true,
diff --git a/packages/blockchain-info-components/index.d.ts b/packages/blockchain-info-components/index.d.ts
index f24b42f8d73..af91cd612b3 100644
--- a/packages/blockchain-info-components/index.d.ts
+++ b/packages/blockchain-info-components/index.d.ts
@@ -277,3 +277,15 @@ export const CheckBoxInput: FunctionComponent<{
   onClick?: () => void
   onChange?: () => void
 }>
+export const SelectInput: FunctionComponent<{
+  disabled?: boolean,
+  elements?: Array<any>,
+  grouped?: boolean,
+  label?: string | unknown,
+  onBlur?: () => void,
+  onChange?: () => void,
+  onFocus?: () => void,
+  opened?: boolean,
+  searchEnabled?: boolean,
+  value: string | boolean | number
+}>
diff --git a/packages/blockchain-wallet-v4-frontend/src/components/CircleBackground/index.tsx b/packages/blockchain-wallet-v4-frontend/src/components/CircleBackground/index.tsx
new file mode 100644
index 00000000000..2d7a989b842
--- /dev/null
+++ b/packages/blockchain-wallet-v4-frontend/src/components/CircleBackground/index.tsx
@@ -0,0 +1,15 @@
+import styled from 'styled-components'
+
+const CircleBackground = styled.div<{ color?: string; size?: string }>`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: ${({ size = '40px' }) => size};
+  height: ${({ size = '40px' }) => size};
+  min-width: ${({ size = '40px' }) => size};
+  background-color: ${({ color, theme }) => (color ? theme[color] : theme.blue000)};
+  border-radius: ${({ size = '40px' }) => size};
+  margin: 8px;
+`
+
+export default CircleBackground
diff --git a/packages/blockchain-wallet-v4-frontend/src/scenes/Help/index.tsx b/packages/blockchain-wallet-v4-frontend/src/scenes/Help/index.tsx
index 17cc4d67840..f03aa55ce51 100644
--- a/packages/blockchain-wallet-v4-frontend/src/scenes/Help/index.tsx
+++ b/packages/blockchain-wallet-v4-frontend/src/scenes/Help/index.tsx
@@ -4,6 +4,7 @@ import { LinkContainer } from 'react-router-bootstrap'
 import styled from 'styled-components'
 
 import { Icon, Link, Text } from 'blockchain-info-components'
+import CircleBackground from 'components/CircleBackground'
 import { Wrapper } from 'components/Public'
 import { media } from 'services/styles'
 
@@ -51,15 +52,7 @@ const IconTextRow = styled.div`
   cursor: pointer;
 `
 
-const CircleBackground = styled.div`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 48px;
-  height: 48px;
-  min-width: 48px;
-  background-color: ${(props) => props.theme.blue000};
-  border-radius: 48px;
+const StyledCircle = styled(CircleBackground)`
   margin: 8px 16px 8px 0;
 `
 
@@ -119,9 +112,9 @@ const Help = () => {
         </Header>
         <LinkContainer to='/recover' style={{ marginBottom: '20px' }}>
           <IconTextRow>
-            <CircleBackground color='blue000'>
+            <StyledCircle size='48px'>
               <Icon name='keyboard' color='blue600' size='16px' />
-            </CircleBackground>
+            </StyledCircle>
             <TextStack>
               <Text color='grey900' size='14px' weight={600} lineHeight='1.5'>
                 <FormattedMessage
@@ -143,9 +136,9 @@ const Help = () => {
         </LinkContainer>
         <LinkContainer to='/reset-2fa'>
           <IconTextRow>
-            <CircleBackground color='blue000'>
+            <StyledCircle size='48px' color='blue000'>
               <Icon name='lock' color='blue600' size='24px' />
-            </CircleBackground>
+            </StyledCircle>
             <TextStack>
               <Text color='grey900' size='14px' weight={600} lineHeight='1.5'>
                 <FormattedMessage id='scenes.help.2falost' defaultMessage='Lost your 2FA device?' />
diff --git a/packages/blockchain-wallet-v4-frontend/src/scenes/HelpExchange/index.tsx b/packages/blockchain-wallet-v4-frontend/src/scenes/HelpExchange/index.tsx
index 4e34e88ac73..acd235d5dbe 100644
--- a/packages/blockchain-wallet-v4-frontend/src/scenes/HelpExchange/index.tsx
+++ b/packages/blockchain-wallet-v4-frontend/src/scenes/HelpExchange/index.tsx
@@ -4,6 +4,7 @@ import { LinkContainer } from 'react-router-bootstrap'
 import styled from 'styled-components'
 
 import { Icon, Link, Text } from 'blockchain-info-components'
+import CircleBackground from 'components/CircleBackground'
 import { Wrapper } from 'components/Public'
 import { media } from 'services/styles'
 
@@ -76,15 +77,7 @@ const IconTextRow = styled.div`
   cursor: pointer;
 `
 
-const CircleBackground = styled.div`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 48px;
-  height: 48px;
-  min-width: 48px;
-  background-color: ${(props) => props.theme.blue000};
-  border-radius: 48px;
+const StyledCircle = styled(CircleBackground)`
   margin: 8px 16px 8px 0;
 `
 
@@ -133,9 +126,9 @@ class Help extends React.PureComponent<Props, State> {
             </Text>
           </Header>
           <IconTextRow onClick={this.showPasswordResetForm} style={{ marginBottom: '12px' }}>
-            <CircleBackground color='blue000'>
+            <StyledCircle size='48px'>
               <Icon name='keyboard' color='blue600' size='16px' />
-            </CircleBackground>
+            </StyledCircle>
             <TextStack>
               <Text color='grey900' size='14px' weight={600} lineHeight='1.5'>
                 <FormattedMessage
@@ -159,9 +152,9 @@ class Help extends React.PureComponent<Props, State> {
             target='_blank'
           >
             <IconTextRow>
-              <CircleBackground color='blue000'>
+              <StyledCircle size='48px' color='blue000'>
                 <Icon name='lock' color='blue600' size='24px' />
-              </CircleBackground>
+              </StyledCircle>
               <TextStack>
                 <Text color='grey900' size='14px' weight={600} lineHeight='1.5'>
                   <FormattedMessage
diff --git a/packages/blockchain-wallet-v4-frontend/src/scenes/TaxCenter/components/Card/Card.tsx b/packages/blockchain-wallet-v4-frontend/src/scenes/TaxCenter/components/Card/Card.tsx
new file mode 100644
index 00000000000..8c1cc44a240
--- /dev/null
+++ b/packages/blockchain-wallet-v4-frontend/src/scenes/TaxCenter/components/Card/Card.tsx
@@ -0,0 +1,51 @@
+import React, { ReactElement } from 'react'
+import styled from 'styled-components'
+
+import { Text } from 'blockchain-info-components'
+import CircleBackground from 'components/CircleBackground'
+
+import { Box } from '../../model'
+
+const ShadedBox = styled(Box)`
+  margin-top: 16px;
+  box-shadow: 0px 0px 12px rgba(5, 24, 61, 0.08);
+  border: none;
+  flex-direction: column;
+`
+
+const Header = styled.div`
+  display: inline-flex;
+  align-items: center;
+`
+
+const Body = styled.div`
+  margin-top: 24px;
+`
+
+const Card = ({ children, description, number = 0, title }: Props) => (
+  <ShadedBox>
+    <Header>
+      <CircleBackground>
+        <Text size='20px' weight={600} color='blue600'>
+          {number}
+        </Text>
+      </CircleBackground>
+      <Text size='20px' weight={600} color='black'>
+        {title}
+      </Text>
+    </Header>
+    <Text size='12px' weight={500} color='grey700'>
+      {description}
+    </Text>
+    <Body>{children}</Body>
+  </ShadedBox>
+)
+
+type Props = {
+  children: ReactElement
+  description: ReactElement
+  number: number
+  title: ReactElement
+}
+
+export default Card
diff --git a/packages/blockchain-wallet-v4-frontend/src/scenes/TaxCenter/components/Card/index.tsx b/packages/blockchain-wallet-v4-frontend/src/scenes/TaxCenter/components/Card/index.tsx
new file mode 100644
index 00000000000..95cfda28ea2
--- /dev/null
+++ b/packages/blockchain-wallet-v4-frontend/src/scenes/TaxCenter/components/Card/index.tsx
@@ -0,0 +1 @@
+export { default } from './Card'
diff --git a/packages/blockchain-wallet-v4-frontend/src/scenes/TaxCenter/components/index.tsx b/packages/blockchain-wallet-v4-frontend/src/scenes/TaxCenter/components/index.tsx
new file mode 100644
index 00000000000..03fa782ed13
--- /dev/null
+++ b/packages/blockchain-wallet-v4-frontend/src/scenes/TaxCenter/components/index.tsx
@@ -0,0 +1 @@
+export { default as Card } from './Card'
diff --git a/packages/blockchain-wallet-v4-frontend/src/scenes/TaxCenter/model.tsx b/packages/blockchain-wallet-v4-frontend/src/scenes/TaxCenter/model.tsx
index 19c135be509..2ce2e317e11 100644
--- a/packages/blockchain-wallet-v4-frontend/src/scenes/TaxCenter/model.tsx
+++ b/packages/blockchain-wallet-v4-frontend/src/scenes/TaxCenter/model.tsx
@@ -1,6 +1,7 @@
 import styled from 'styled-components'
 
-import { Text } from 'blockchain-info-components'
+import { Button, SelectInput, Text } from 'blockchain-info-components'
+import { SceneWrapper } from 'components/Layout'
 import MenuHeader from 'components/MenuHeader'
 
 export const Title = styled(Text)`
@@ -10,3 +11,57 @@ export const Title = styled(Text)`
 export const MenuHeaderCentered = styled(MenuHeader)`
   align-items: center;
 `
+
+export const Box = styled.div`
+  position: relative;
+  margin-top: 64px;
+  padding: 24px;
+  border-radius: 8px;
+  border: 1px solid ${(props) => props.theme.grey000};
+  display: flex;
+  flex: 1;
+`
+
+export const Slide = styled.div`
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+`
+
+export const Container = styled(SceneWrapper)`
+  padding: 0 8px;
+`
+
+export const Footer = styled.div`
+  padding: 24px;
+  height: 300px;
+  text-align: center;
+`
+export const Content = styled.div`
+  display: flex;
+  align-items: center;
+`
+
+export const SelectGroup = styled.div`
+  height: 75px;
+`
+
+export const StyledSelect = styled(SelectInput)`
+  width: 172px;
+  margin-right: 16px;
+`
+
+export const SelectLabel = styled(Text)`
+  margin-bottom: 8px;
+`
+
+export const GenerateButton = styled(Button)`
+  margin-top: 24px;
+  height: 48px;
+`
+
+export const VisitButton = styled(Button)`
+  margin-top: 16px;
+  height: 48px;
+`
diff --git a/packages/blockchain-wallet-v4-frontend/src/scenes/TaxCenter/template.tsx b/packages/blockchain-wallet-v4-frontend/src/scenes/TaxCenter/template.tsx
index 18352550e50..158e4cc18c2 100644
--- a/packages/blockchain-wallet-v4-frontend/src/scenes/TaxCenter/template.tsx
+++ b/packages/blockchain-wallet-v4-frontend/src/scenes/TaxCenter/template.tsx
@@ -1,30 +1,174 @@
 import React from 'react'
 import { FormattedMessage } from 'react-intl'
 
-import { Text } from 'blockchain-info-components'
-import { SceneWrapper, StickyHeader } from 'components/Layout'
+import { Carousel, Link, Text, TextGroup } from 'blockchain-info-components'
 
-import { MenuHeaderCentered, Title } from './model'
+import { Card } from './components'
+import {
+  Box,
+  Container,
+  Content,
+  Footer,
+  GenerateButton,
+  MenuHeaderCentered,
+  SelectGroup,
+  SelectLabel,
+  Slide,
+  StyledSelect,
+  Title,
+  VisitButton
+} from './model'
 
 const TaxCenter = () => (
-  <SceneWrapper>
-    <StickyHeader>
-      <MenuHeaderCentered>
-        <Title size='40px' weight={600} color='black'>
+  <Container>
+    <MenuHeaderCentered>
+      <Title size='40px' weight={600} color='black'>
+        <FormattedMessage id='scenes.tax.center.title' defaultMessage='Blockchain.com Tax Center' />
+      </Title>
+      <Text size='14px' weight={500} color='grey700'>
+        <FormattedMessage
+          id='scenes.tax.center.description'
+          defaultMessage='Here’s everything you’ll need from Blockchain.com to file your taxes this year.'
+        />
+      </Text>
+    </MenuHeaderCentered>
+    <Box>
+      <Carousel height={90} arrows={false} chips={false}>
+        <Slide>
+          <Title weight={600} size='20px' color='black'>
+            <FormattedMessage
+              id='scenes.tax.center.carousel.taxes'
+              defaultMessage='Do I owe taxes on my crypto?'
+            />
+          </Title>
+          <Text size='14px' weight={500} color='black'>
+            <FormattedMessage
+              id='scenes.tax.center.carousel.taxes.description'
+              defaultMessage='If you sold or converted your crypto last year, the transactions are likely subject to U.S. capital
+              gains taxes.'
+            />
+          </Text>
+        </Slide>
+        <Slide>
+          <Title weight={600} size='20px' color='black'>
+            <FormattedMessage
+              id='scenes.tax.center.carousel.file'
+              defaultMessage='How do I file?'
+            />
+          </Title>
+          <Text size='14px' weight={500} color='black'>
+            <FormattedMessage
+              id='scenes.tax.center.carousel.file.description'
+              defaultMessage='Export your transaction history then manually calculate your gains/losses using your cost
+              basis. If you want to simplify the process, use our crypto tax partner CoinTracker to get free
+              tax reports for up to 1,000 transactions.'
+            />
+          </Text>
+        </Slide>
+        <Slide>
+          <Title weight={600} size='20px' color='black'>
+            <FormattedMessage
+              id='scenes.tax.center.carousel.services'
+              defaultMessage='What if I use other crypto services?'
+            />
+          </Title>
+          <TextGroup inline>
+            <Text size='14px' weight={500} color='black'>
+              <FormattedMessage
+                id='scenes.tax.center.carousel.services.description'
+                defaultMessage='This file only contains your Blockchain.com Wallet activity. If you use other crypto services,
+                those transactions will not appear here. If you use the Blockchain.com Exchange, you can
+                connect your account to CoinTracker via API.'
+              />
+            </Text>
+            <Text>
+              <Link href='/' target='_blank' weight={500} size='14px'>
+                <FormattedMessage id='copy.learn_more' defaultMessage='Learn more' />
+              </Link>
+            </Text>
+          </TextGroup>
+        </Slide>
+      </Carousel>
+    </Box>
+    <Card
+      description={
+        <FormattedMessage
+          id='scenes.tax.center.card.report.description'
+          defaultMessage={`Get the full transaction history from your Wallet's Trading, Rewards, and Private Key accounts.`}
+        />
+      }
+      number={1}
+      title={
+        <FormattedMessage
+          id='scenes.tax.center.card.report.title'
+          defaultMessage='Export your transaction history'
+        />
+      }
+    >
+      <Content>
+        <SelectGroup>
+          <SelectLabel size='14px' weight={600} color='black'>
+            <FormattedMessage
+              id='scenes.tax.center.card.report.select'
+              defaultMessage='Choose tax year'
+            />
+          </SelectLabel>
+          <StyledSelect value='' elements={[]} onBlur={() => {}} />
+        </SelectGroup>
+        <GenerateButton
+          nature='primary'
+          data-e2e='additionalInfoUploadDocument'
+          type='button'
+          onClick={() => {}}
+        >
           <FormattedMessage
-            id='scenes.tax.center.title'
-            defaultMessage='Blockchain.com Tax Center'
+            id='scenes.tax.center.card.report.button'
+            defaultMessage='Generate Report'
           />
-        </Title>
-        <Text size='14px' weight={500} color='grey700'>
+        </GenerateButton>
+      </Content>
+    </Card>
+    <Card
+      description={
+        <FormattedMessage
+          id='scenes.tax.center.card.service.description'
+          defaultMessage='We have partnered with CoinTracker to simplify your tax reporting. Get free tax reports for up to 1,000 transactions with CoinTracker or use a service provider of your choosing.'
+        />
+      }
+      number={2}
+      title={
+        <FormattedMessage
+          id='scenes.tax.center.card.service.title'
+          defaultMessage='Upload to a tax service'
+        />
+      }
+    >
+      <VisitButton nature='empty-blue' data-e2e='visitButton' type='button' onClick={() => {}}>
+        <FormattedMessage
+          id='scenes.tax.center.card.service.button'
+          defaultMessage='Visit CoinTracker'
+        />
+      </VisitButton>
+    </Card>
+    <Footer>
+      <TextGroup inline>
+        <Text size='14px' weight={500} color='black'>
           <FormattedMessage
-            id='scenes.tax.center.descriptio'
-            defaultMessage='Here’s everything you’ll need from Blockchain.com to file your taxes this year.'
+            id='scenes.tax.center.footer.description'
+            defaultMessage='Have a Blockchain.com Exchange Account?'
           />
         </Text>
-      </MenuHeaderCentered>
-    </StickyHeader>
-  </SceneWrapper>
+        <Text>
+          <Link href='/' target='_blank' weight={500} size='14px'>
+            <FormattedMessage
+              id='scenes.tax.center.footer.link'
+              defaultMessage='Visit Exchange Tax Center'
+            />
+          </Link>
+        </Text>
+      </TextGroup>
+    </Footer>
+  </Container>
 )
 
 export default TaxCenter