diff --git a/src/components/typography/QuoteText.tsx b/src/components/typography/QuoteText.tsx
new file mode 100644
index 0000000..7c96561
--- /dev/null
+++ b/src/components/typography/QuoteText.tsx
@@ -0,0 +1,24 @@
+import styled from "styled-components";
+
+export interface IOverlineProps {
+    size?: 'small' | 'medium' | 'large';
+}
+
+export const Overline = styled.a<IOverlineProps>`
+    /* Overline */
+    font-family: Red Hat Text;
+    font-weight: normal;
+    font-style: normal;
+    ${props => {
+        switch (props.size) {
+            case 'small':
+                return 'font-size: 24px;line-height: 32px;'
+            case 'medium':
+                return 'font-size: 28px;line-height: 38px;'
+            case 'large':
+                return 'font-size: 32px;line-height: 42px;'
+            default:
+                return 'font-size: 28px;line-height: 38px;'
+        }
+    }}
+`;
\ No newline at end of file