initial commit

src/app/organisms/welcome/Welcome.jsx

@@ -0,0 +1,20 @@
+import React from 'react';
+import './Welcome.scss';
+
+import Text from '../../atoms/text/Text';
+
+import CinnySvg from '../../../../public/res/svg/cinny.svg';
+
+function Welcome() {
+  return (
+    <div className="app-welcome flex--center">
+      <div className="flex-v--center">
+        <img className="app-welcome__logo noselect" src={CinnySvg} alt="Cinny logo" />
+        <Text className="app-welcome__heading" variant="h1">Welcome to Cinny</Text>
+        <Text className="app-welcome__subheading" variant="s1">Yet another matrix client</Text>
+      </div>
+    </div>
+  );
+}
+
+export default Welcome;

src/app/organisms/welcome/Welcome.scss

@@ -0,0 +1,20 @@
+.app-welcome {
+  width: 100%;
+  height: 100%;
+
+  & > div {
+    max-width: 600px;
+    align-items: center;
+  }
+  &__logo {
+    width: 64px;
+    height: 64px;
+  }
+  &__heading {
+    margin: var(--sp-extra-loose) 0 var(--sp-tight);
+    color: var(--tc-surface-high);
+  }
+  &__subheading {
+    color: var(--tc-surface-normal);
+  }
+}