diff --git a/app/components/text.js b/app/components/text.js
new file mode 100644
index 0000000..645c553
--- /dev/null
+++ b/app/components/text.js
@@ -0,0 +1,37 @@
+// @flow
+import React from 'react';
+import styled from 'styled-components';
+
+import theme from '../theme';
+
+const Text = styled.p`
+  font-family: ${props => props.theme.fontFamily};
+  font-size: ${props => props.size};
+  color: ${props => props.color || props.theme.colors.text};
+  margin: 0;
+  padding: 0;
+  font-weight: ${props => (props.isBold ? 'bold' : '400')};
+`;
+
+type Props = {
+  value: string,
+  isBold?: boolean,
+  color?: string,
+  className?: string,
+  size?: string,
+};
+
+export const TextComponent = ({
+  value, isBold, color, className, size,
+}: Props) => (
+  <Text className={className} isBold={isBold} color={color} size={size}>
+    {value}
+  </Text>
+);
+
+TextComponent.defaultProps = {
+  className: '',
+  isBold: false,
+  color: theme.colors.text,
+  size: '1em',
+};