diff --git a/src/pages/index.js b/src/pages/index.js index aa084117c..0fc514571 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -15,6 +15,7 @@ import Hero from '../components/Hero'; import Link from '../components/Link'; import Button from '../components/Button'; import CTA from '../components/CTA'; +import Subheading from '../components/Subheading'; const Title = styled.h1` color: ${color.lightest}; @@ -25,11 +26,11 @@ const Title = styled.h1` text-shadow: rgba(0, 135, 220, 0.3) 0 1px 5px; @media (min-width: ${breakpoint * 1}px) { - font-size: 56px; + font-size: 48px; } @media (min-width: ${breakpoint * 2}px) { - font-size: 88px; + font-size: 72px; } `; @@ -49,6 +50,12 @@ const Desc = styled.div` } `; +const ActionHeading = styled(Subheading)` + display: block; + color: ${color.lighter}; + margin-bottom: 1rem; +`; + const Actions = styled.div` > * { margin-right: 20px; @@ -226,18 +233,28 @@ export default ({ data }) => { - Storybook Tutorial + Storybook tutorial Learn Storybook to create bulletproof UI components as you build an app UI from scratch. + Get Started - + + + + - +