diff --git a/themes/stanford_profile_theme/dist/base.css b/themes/stanford_profile_theme/dist/base.css
new file mode 100644
index 000000000..a42e518d4
--- /dev/null
+++ b/themes/stanford_profile_theme/dist/base.css
@@ -0,0 +1,1716 @@
+/*
+! tailwindcss v3.0.24 | MIT License | https://tailwindcss.com
+*/
+
+/*
+1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
+2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
+*/
+
+*,
+::before,
+::after {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  /* 1 */
+  border-width: 0;
+  /* 2 */
+  border-style: solid;
+  /* 2 */
+  border-color: currentColor;
+  /* 2 */
+}
+
+::before,
+::after {
+  --tw-content: '';
+}
+
+/*
+1. Use a consistent sensible line-height in all browsers.
+2. Prevent adjustments of font size after orientation changes in iOS.
+3. Use a more readable tab size.
+4. Use the user's configured `sans` font-family by default.
+*/
+
+html {
+  line-height: 1.5;
+  /* 1 */
+  -webkit-text-size-adjust: 100%;
+  /* 2 */
+  -moz-tab-size: 4;
+  /* 3 */
+  -o-tab-size: 4;
+     tab-size: 4;
+  /* 3 */
+  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  /* 4 */
+}
+
+/*
+1. Remove the margin in all browsers.
+2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
+*/
+
+body {
+  margin: 0;
+  /* 1 */
+  line-height: inherit;
+  /* 2 */
+}
+
+/*
+1. Add the correct height in Firefox.
+2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
+3. Ensure horizontal rules are visible by default.
+*/
+
+hr {
+  height: 0;
+  /* 1 */
+  color: inherit;
+  /* 2 */
+  border-top-width: 1px;
+  /* 3 */
+}
+
+/*
+Add the correct text decoration in Chrome, Edge, and Safari.
+*/
+
+abbr:where([title]) {
+  -webkit-text-decoration: underline dotted;
+          text-decoration: underline dotted;
+}
+
+/*
+Remove the default font size and weight for headings.
+*/
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-size: inherit;
+  font-weight: inherit;
+}
+
+/*
+Reset links to optimize for opt-in styling instead of opt-out.
+*/
+
+a {
+  color: inherit;
+  text-decoration: inherit;
+}
+
+/*
+Add the correct font weight in Edge and Safari.
+*/
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+/*
+1. Use the user's configured `mono` font family by default.
+2. Correct the odd `em` font sizing in all browsers.
+*/
+
+code,
+kbd,
+samp,
+pre {
+  font-family: "Roboto Mono", Menlo, "Courier New", monospace;
+  /* 1 */
+  font-size: 1em;
+  /* 2 */
+}
+
+/*
+Add the correct font size in all browsers.
+*/
+
+small {
+  font-size: 80%;
+}
+
+/*
+Prevent `sub` and `sup` elements from affecting the line height in all browsers.
+*/
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+/*
+1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
+2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
+3. Remove gaps between table borders by default.
+*/
+
+table {
+  text-indent: 0;
+  /* 1 */
+  border-color: inherit;
+  /* 2 */
+  border-collapse: collapse;
+  /* 3 */
+}
+
+/*
+1. Change the font styles in all browsers.
+2. Remove the margin in Firefox and Safari.
+3. Remove default padding in all browsers.
+*/
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit;
+  /* 1 */
+  font-size: 100%;
+  /* 1 */
+  line-height: inherit;
+  /* 1 */
+  color: inherit;
+  /* 1 */
+  margin: 0;
+  /* 2 */
+  padding: 0;
+  /* 3 */
+}
+
+/*
+Remove the inheritance of text transform in Edge and Firefox.
+*/
+
+button,
+select {
+  text-transform: none;
+}
+
+/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Remove default button styles.
+*/
+
+button,
+[type='button'],
+[type='reset'],
+[type='submit'] {
+  -webkit-appearance: button;
+  /* 1 */
+  background-color: transparent;
+  /* 2 */
+  background-image: none;
+  /* 2 */
+}
+
+/*
+Use the modern Firefox focus style for all focusable elements.
+*/
+
+:-moz-focusring {
+  outline: auto;
+}
+
+/*
+Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
+*/
+
+:-moz-ui-invalid {
+  box-shadow: none;
+}
+
+/*
+Add the correct vertical alignment in Chrome and Firefox.
+*/
+
+progress {
+  vertical-align: baseline;
+}
+
+/*
+Correct the cursor style of increment and decrement buttons in Safari.
+*/
+
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/*
+1. Correct the odd appearance in Chrome and Safari.
+2. Correct the outline style in Safari.
+*/
+
+[type='search'] {
+  -webkit-appearance: textfield;
+  /* 1 */
+  outline-offset: -2px;
+  /* 2 */
+}
+
+/*
+Remove the inner padding in Chrome and Safari on macOS.
+*/
+
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Change font properties to `inherit` in Safari.
+*/
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  /* 1 */
+  font: inherit;
+  /* 2 */
+}
+
+/*
+Add the correct display in Chrome and Safari.
+*/
+
+summary {
+  display: list-item;
+}
+
+/*
+Removes the default spacing and border for appropriate elements.
+*/
+
+blockquote,
+dl,
+dd,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+hr,
+figure,
+p,
+pre {
+  margin: 0;
+}
+
+fieldset {
+  margin: 0;
+  padding: 0;
+}
+
+legend {
+  padding: 0;
+}
+
+ol,
+ul,
+menu {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+/*
+Prevent resizing textareas horizontally by default.
+*/
+
+textarea {
+  resize: vertical;
+}
+
+/*
+1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
+2. Set the default placeholder color to the user's configured gray 400 color.
+*/
+
+input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
+  opacity: 1;
+  /* 1 */
+  color: #9ca3af;
+  /* 2 */
+}
+
+input::-moz-placeholder, textarea::-moz-placeholder {
+  opacity: 1;
+  /* 1 */
+  color: #9ca3af;
+  /* 2 */
+}
+
+input:-ms-input-placeholder, textarea:-ms-input-placeholder {
+  opacity: 1;
+  /* 1 */
+  color: #9ca3af;
+  /* 2 */
+}
+
+input::-ms-input-placeholder, textarea::-ms-input-placeholder {
+  opacity: 1;
+  /* 1 */
+  color: #9ca3af;
+  /* 2 */
+}
+
+input::placeholder,
+textarea::placeholder {
+  opacity: 1;
+  /* 1 */
+  color: #9ca3af;
+  /* 2 */
+}
+
+/*
+Set the default cursor for buttons.
+*/
+
+button,
+[role="button"] {
+  cursor: pointer;
+}
+
+/*
+Make sure disabled buttons don't get the pointer cursor.
+*/
+
+:disabled {
+  cursor: default;
+}
+
+/*
+1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
+2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
+   This can trigger a poorly considered lint error in some tools but is included by design.
+*/
+
+img,
+svg,
+video,
+canvas,
+audio,
+iframe,
+embed,
+object {
+  display: block;
+  /* 1 */
+  vertical-align: middle;
+  /* 2 */
+}
+
+/*
+Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
+*/
+
+img,
+video {
+  max-width: 100%;
+  height: auto;
+}
+
+/*
+Ensure the default browser behavior of the `hidden` attribute.
+*/
+
+[hidden] {
+  display: none;
+}
+
+html {
+  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  color: #2E2D29;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  font-size: 62.5%;
+  line-height: 1.15;
+}
+
+body {
+  background-color: #FFFFFF;
+  color: #2E2D29;
+  overflow-x: hidden;
+  font-size: 1.8rem;
+}
+
+@media (min-width: 768px) {
+  body {
+    font-size: 1.9rem;
+  }
+}
+
+@media (min-width: 1500px) {
+  body {
+    font-size: 2.1rem;
+  }
+}
+
+p {
+  line-height: 1.4;
+  margin-top: 0;
+  margin-bottom: 1em;
+}
+
+@media (min-width: 768px) {
+  p {
+    line-height: 1.5;
+  }
+}
+
+h1 {
+  line-height: 1.2;
+  margin-bottom: 0.6em;
+  clear: both;
+  font-weight: 700;
+}
+
+h1 a {
+  text-decoration: none;
+  font-weight: 700;
+}
+
+h1 {
+  font-size: 2.01em;
+  letter-spacing: -0.018em;
+}
+
+@media (min-width: 768px) {
+  h1 {
+    font-size: 2.49em;
+  }
+}
+
+@media (min-width: 992px) {
+  h1 {
+    font-size: 3.05em;
+  }
+}
+
+h2 {
+  line-height: 1.2;
+  margin-bottom: 0.6em;
+  clear: both;
+  font-weight: 700;
+}
+
+h2 a {
+  text-decoration: none;
+  font-weight: 700;
+}
+
+h2 {
+  font-size: 1.75em;
+  letter-spacing: -0.016em;
+}
+
+@media (min-width: 768px) {
+  h2 {
+    font-size: 2.07em;
+  }
+}
+
+@media (min-width: 992px) {
+  h2 {
+    font-size: 2.44em;
+  }
+}
+
+h3 {
+  line-height: 1.2;
+  margin-bottom: 0.6em;
+  clear: both;
+  font-weight: 700;
+}
+
+h3 a {
+  text-decoration: none;
+  font-weight: 700;
+}
+
+h3 {
+  font-size: 1.52em;
+  letter-spacing: -0.014em;
+}
+
+@media (min-width: 768px) {
+  h3 {
+    font-size: 1.73em;
+  }
+}
+
+@media (min-width: 992px) {
+  h3 {
+    font-size: 1.95em;
+  }
+}
+
+h4 {
+  line-height: 1.2;
+  margin-bottom: 0.6em;
+  clear: both;
+  font-weight: 700;
+}
+
+h4 a {
+  text-decoration: none;
+  font-weight: 700;
+}
+
+h4 {
+  font-size: 1.32em;
+  letter-spacing: -0.012em;
+}
+
+@media (min-width: 768px) {
+  h4 {
+    font-size: 1.44em;
+  }
+}
+
+@media (min-width: 992px) {
+  h4 {
+    font-size: 1.56em;
+  }
+}
+
+h5 {
+  line-height: 1.2;
+  margin-bottom: 0.6em;
+  clear: both;
+  font-weight: 700;
+}
+
+h5 a {
+  text-decoration: none;
+  font-weight: 700;
+}
+
+h5 {
+  font-size: 1.15em;
+  letter-spacing: -0.010em;
+}
+
+@media (min-width: 768px) {
+  h5 {
+    font-size: 1.20em;
+  }
+}
+
+@media (min-width: 992px) {
+  h5 {
+    font-size: 1.25em;
+  }
+}
+
+h6 {
+  line-height: 1.2;
+  margin-bottom: 0.6em;
+  clear: both;
+  font-weight: 700;
+}
+
+h6 a {
+  text-decoration: none;
+  font-weight: 700;
+}
+
+h6 {
+  font-size: 1em;
+}
+
+cite {
+  font-style: normal;
+}
+
+var {
+  font-style: normal;
+}
+
+address {
+  font-style: normal;
+}
+
+dfn {
+  font-style: normal;
+}
+
+pre, code, kbd, samp {
+  font-size: 0.9em;
+}
+
+figure {
+  margin: 0;
+}
+
+figcaption {
+  margin-top: 0.4em;
+  font-size: max(1.6rem, 0.9em);
+  line-height: 1.3;
+  color: #53565A;
+}
+
+img {
+  margin: 0;
+  padding: 0;
+  display: block;
+  height: auto;
+  max-width: 100%;
+}
+
+a {
+  color: #006CB8;
+  text-decoration: underline;
+  font-weight: 600;
+}
+
+a:hover, a:focus {
+  color: #2E2D29;
+}
+
+ul {
+  padding-left: 1em;
+  list-style-type: disc;
+}
+
+ol {
+  padding-left: 1em;
+  list-style-type: decimal;
+}
+
+li, dd {
+  line-height: 1.5;
+  margin-bottom: 0.5em;
+}
+
+li:last-child, dd:last-child {
+  margin-bottom: 0;
+}
+
+dt {
+  font-weight: 700;
+}
+
+table {
+  margin: 0;
+  border-spacing: 0;
+  border-collapse: collapse;
+  min-width: 100%;
+  font-size: 1.6rem;
+}
+
+@media (min-width: 768px) {
+  table {
+    font-size: 1.8rem;
+  }
+}
+
+table caption {
+  margin-bottom: 0.6em;
+  font-size: 0.9em;
+  line-height: 1.3;
+  color: #53565A;
+}
+
+table tr {
+  border-top: 1px solid #D5D5D4;
+}
+
+table th, table td {
+  padding: 1.5rem;
+}
+
+table th {
+  color: #2E2D29;
+  font-weight: 600;
+  text-align: left;
+}
+
+table thead tr:first-of-type, table tbody tr:first-of-type {
+  border-top: 0;
+}
+
+table thead + tbody {
+  border-top: 1px solid #D5D5D4;
+}
+
+[type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  background-color: #fff;
+  border-color: #6b7280;
+  border-width: 1px;
+  border-radius: 0px;
+  padding-top: 0.5rem;
+  padding-right: 0.75rem;
+  padding-bottom: 0.5rem;
+  padding-left: 0.75rem;
+  font-size: 1rem;
+  line-height: 1.5rem;
+  --tw-shadow: 0 0 #0000;
+}
+
+[type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
+  --tw-ring-offset-width: 0px;
+  --tw-ring-offset-color: #fff;
+  --tw-ring-color: #2563eb;
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+          box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  border-color: #2563eb;
+}
+
+input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
+  color: #6b7280;
+  opacity: 1;
+}
+
+input::-moz-placeholder, textarea::-moz-placeholder {
+  color: #6b7280;
+  opacity: 1;
+}
+
+input:-ms-input-placeholder, textarea:-ms-input-placeholder {
+  color: #6b7280;
+  opacity: 1;
+}
+
+input::-ms-input-placeholder, textarea::-ms-input-placeholder {
+  color: #6b7280;
+  opacity: 1;
+}
+
+input::placeholder,textarea::placeholder {
+  color: #6b7280;
+  opacity: 1;
+}
+
+::-webkit-datetime-edit-fields-wrapper {
+  padding: 0;
+}
+
+::-webkit-date-and-time-value {
+  min-height: 1.5em;
+}
+
+select {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
+  background-position: right 0.5rem center;
+  background-repeat: no-repeat;
+  background-size: 1.5em 1.5em;
+  padding-right: 2.5rem;
+  -webkit-print-color-adjust: exact;
+          color-adjust: exact;
+}
+
+[multiple] {
+  background-image: initial;
+  background-position: initial;
+  background-repeat: unset;
+  background-size: initial;
+  padding-right: 0.75rem;
+  -webkit-print-color-adjust: unset;
+          color-adjust: unset;
+}
+
+[type='checkbox'],[type='radio'] {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  padding: 0;
+  -webkit-print-color-adjust: exact;
+          color-adjust: exact;
+  display: inline-block;
+  vertical-align: middle;
+  background-origin: border-box;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+  height: 1rem;
+  width: 1rem;
+  color: #2563eb;
+  background-color: #fff;
+  border-color: #6b7280;
+  border-width: 1px;
+  --tw-shadow: 0 0 #0000;
+}
+
+[type='checkbox'] {
+  border-radius: 0px;
+}
+
+[type='radio'] {
+  border-radius: 100%;
+}
+
+[type='checkbox']:focus,[type='radio']:focus {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
+  --tw-ring-offset-width: 2px;
+  --tw-ring-offset-color: #fff;
+  --tw-ring-color: #2563eb;
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+          box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+}
+
+[type='checkbox']:checked,[type='radio']:checked {
+  border-color: transparent;
+  background-color: currentColor;
+  background-size: 100% 100%;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+
+[type='checkbox']:checked {
+  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
+}
+
+[type='radio']:checked {
+  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
+}
+
+[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus {
+  border-color: transparent;
+  background-color: currentColor;
+}
+
+[type='checkbox']:indeterminate {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
+  border-color: transparent;
+  background-color: currentColor;
+  background-size: 100% 100%;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+
+[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {
+  border-color: transparent;
+  background-color: currentColor;
+}
+
+[type='file'] {
+  background: unset;
+  border-color: inherit;
+  border-width: 0;
+  border-radius: 0;
+  padding: 0;
+  font-size: unset;
+  line-height: inherit;
+}
+
+[type='file']:focus {
+  outline: 1px auto -webkit-focus-ring-color;
+}
+
+*, ::before, ::after {
+  --tw-translate-x: 0;
+  --tw-translate-y: 0;
+  --tw-rotate: 0;
+  --tw-skew-x: 0;
+  --tw-skew-y: 0;
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  --tw-pan-x:  ;
+  --tw-pan-y:  ;
+  --tw-pinch-zoom:  ;
+  --tw-scroll-snap-strictness: proximity;
+  --tw-ordinal:  ;
+  --tw-slashed-zero:  ;
+  --tw-numeric-figure:  ;
+  --tw-numeric-spacing:  ;
+  --tw-numeric-fraction:  ;
+  --tw-ring-inset:  ;
+  --tw-ring-offset-width: 0px;
+  --tw-ring-offset-color: #fff;
+  --tw-ring-color: rgb(59 130 246 / 0.5);
+  --tw-ring-offset-shadow: 0 0 #0000;
+  --tw-ring-shadow: 0 0 #0000;
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  --tw-blur:  ;
+  --tw-brightness:  ;
+  --tw-contrast:  ;
+  --tw-grayscale:  ;
+  --tw-hue-rotate:  ;
+  --tw-invert:  ;
+  --tw-saturate:  ;
+  --tw-sepia:  ;
+  --tw-drop-shadow:  ;
+  --tw-backdrop-blur:  ;
+  --tw-backdrop-brightness:  ;
+  --tw-backdrop-contrast:  ;
+  --tw-backdrop-grayscale:  ;
+  --tw-backdrop-hue-rotate:  ;
+  --tw-backdrop-invert:  ;
+  --tw-backdrop-opacity:  ;
+  --tw-backdrop-saturate:  ;
+  --tw-backdrop-sepia:  ;
+}
+
+.su-button {
+  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  cursor: pointer;
+  display: inline-block;
+  border: none;
+  font-weight: 400;
+  line-height: 1;
+  text-align: center;
+  text-decoration: none;
+  width: auto;
+  -webkit-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
+  transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
+  padding: 1rem 2rem;
+  background-color: #B1040E;
+  color: #FFFFFF;
+}
+
+.su-button:active, .su-button:hover, .su-button:focus {
+  text-decoration: underline;
+}
+
+.su-button:hover, .su-button:focus {
+  background-color: #2E2D29;
+  color: #FFFFFF;
+}
+
+.su-button:focus {
+  -webkit-box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+          box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+}
+
+.su-list-unstyled {
+  margin-top: 0;
+  margin-bottom: 0;
+  padding-left: 0;
+  list-style-type: none;
+}
+
+.su-centered-container, .su-cc {
+  padding-left: 20px;
+  padding-right: 20px;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+@media (min-width: 576px) {
+  .su-centered-container, .su-cc {
+    padding-left: 30px;
+    padding-right: 30px;
+  }
+}
+
+@media (min-width: 768px) {
+  .su-centered-container, .su-cc {
+    padding-left: 50px;
+    padding-right: 50px;
+  }
+}
+
+@media (min-width: 992px) {
+  .su-centered-container, .su-cc {
+    padding-left: 80px;
+    padding-right: 80px;
+  }
+}
+
+@media (min-width: 1200px) {
+  .su-centered-container, .su-cc {
+    padding-left: 100px;
+    padding-right: 100px;
+  }
+}
+
+@media (min-width: 1500px) {
+  .su-centered-container, .su-cc {
+    padding-left: 100px;
+    padding-right: 100px;
+  }
+}
+
+@media only screen and (min-width: 1700px) {
+  .su-centered-container, .su-cc {
+    padding-left: calc((100% - 1500px)/2);
+    padding-right: calc((100% - 1500px)/2);
+  }
+}
+
+.su-grid-gap {
+  grid-gap: 20px;
+  gap: 20px;
+}
+
+@media (min-width: 992px) {
+  .su-grid-gap {
+    grid-gap: 36px;
+    gap: 36px;
+  }
+}
+
+@media (min-width: 1200px) {
+  .su-grid-gap {
+    grid-gap: 40px;
+    gap: 40px;
+  }
+}
+
+@media (min-width: 1500px) {
+  .su-grid-gap {
+    grid-gap: 48px;
+    gap: 48px;
+  }
+}
+
+.su-logo {
+  display: inline-block;
+  font-family: Stanford, "Source Serif Pro", Georgia, Times, "Times New Roman", serif;
+  font-weight: 400;
+  line-height: 0.75;
+  text-decoration: none;
+  text-transform: none;
+  -webkit-transform: translateZ(0);
+          transform: translateZ(0);
+  font-style: normal;
+  font-variant: normal;
+  letter-spacing: 0;
+  color: #8C1515;
+  -webkit-font-feature-settings: "liga" 1;
+          font-feature-settings: "liga" 1;
+  -webkit-font-variant-ligatures: discretionary-ligatures;
+          font-variant-ligatures: discretionary-ligatures;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.su-logo:focus {
+  color: #8C1515;
+}
+
+.su-logo:hover {
+  color: #8C1515;
+}
+
+.su-rs-py-1 {
+  padding-top: 2rem;
+  padding-bottom: 2rem;
+}
+
+@media (min-width: 768px) {
+  .su-rs-py-1 {
+    padding-top: 2.6rem;
+    padding-bottom: 2.6rem;
+  }
+}
+
+@media (min-width: 1500px) {
+  .su-rs-py-1 {
+    padding-top: 2.7rem;
+    padding-bottom: 2.7rem;
+  }
+}
+
+.su-rs-mb-2 {
+  margin-bottom: 3rem;
+}
+
+@media (min-width: 768px) {
+  .su-rs-mb-2 {
+    margin-bottom: 3.6rem;
+  }
+}
+
+@media (min-width: 1500px) {
+  .su-rs-mb-2 {
+    margin-bottom: 3.8rem;
+  }
+}
+
+.su-rs-pt-4 {
+  padding-top: 3.4rem;
+}
+
+@media (min-width: 768px) {
+  .su-rs-pt-4 {
+    padding-top: 5.8rem;
+  }
+}
+
+@media (min-width: 1500px) {
+  .su-rs-pt-4 {
+    padding-top: 6.1rem;
+  }
+}
+
+.su-rs-pb-5 {
+  padding-bottom: 3.8rem;
+}
+
+@media (min-width: 768px) {
+  .su-rs-pb-5 {
+    padding-bottom: 7.2rem;
+  }
+}
+
+@media (min-width: 1500px) {
+  .su-rs-pb-5 {
+    padding-bottom: 7.6rem;
+  }
+}
+
+.su-type-4 {
+  font-size: 1.75em;
+  letter-spacing: -0.016em;
+}
+
+@media (min-width: 768px) {
+  .su-type-4 {
+    font-size: 2.07em;
+  }
+}
+
+@media (min-width: 992px) {
+  .su-type-4 {
+    font-size: 2.44em;
+  }
+}
+
+.su-type-3 {
+  font-size: 1.52em;
+  letter-spacing: -0.014em;
+}
+
+@media (min-width: 768px) {
+  .su-type-3 {
+    font-size: 1.73em;
+  }
+}
+
+@media (min-width: 992px) {
+  .su-type-3 {
+    font-size: 1.95em;
+  }
+}
+
+.su-basefont-19 {
+  font-size: 1.6rem;
+}
+
+@media (min-width: 768px) {
+  .su-basefont-19 {
+    font-size: 1.8rem;
+  }
+}
+
+@media (min-width: 1500px) {
+  .su-basefont-19 {
+    font-size: 1.9rem;
+  }
+}
+
+.su-basefont-20 {
+  font-size: 1.8rem;
+}
+
+@media (min-width: 768px) {
+  .su-basefont-20 {
+    font-size: 1.9rem;
+  }
+}
+
+@media (min-width: 1500px) {
+  .su-basefont-20 {
+    font-size: 2rem;
+  }
+}
+
+.su-sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
+
+.su-relative {
+  position: relative;
+}
+
+.su-top-6 {
+  top: 0.6rem;
+}
+
+.su-float-right {
+  float: right;
+}
+
+.su-mr-7 {
+  margin-right: 0.7rem;
+}
+
+.su--mt-3 {
+  margin-top: -0.3rem;
+}
+
+.su--ml-2 {
+  margin-left: -0.2rem;
+}
+
+.su-mt-5 {
+  margin-top: 0.5rem;
+}
+
+.su-mb-9 {
+  margin-bottom: 0.9rem;
+}
+
+.su-mb-10 {
+  margin-bottom: 1rem;
+}
+
+.su-mr-19 {
+  margin-right: 1.9rem;
+}
+
+.su-ml-19 {
+  margin-left: 1.9rem;
+}
+
+.su-inline-block {
+  display: inline-block;
+}
+
+.su-flex {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.su-grid {
+  display: grid;
+}
+
+.su-hidden {
+  display: none;
+}
+
+.su-w-6\/12 {
+  width: 50%;
+}
+
+.su-w-9\/12 {
+  width: 75%;
+}
+
+.su-w-3\/12 {
+  width: 25%;
+}
+
+.su-w-40 {
+  width: 4rem;
+}
+
+.su-flex-grow {
+  -webkit-box-flex: 1;
+      -ms-flex-positive: 1;
+          flex-grow: 1;
+}
+
+.su-list-none {
+  list-style-type: none;
+}
+
+.su-grid-cols-1 {
+  grid-template-columns: repeat(1, minmax(0, 1fr));
+}
+
+.su-grid-cols-2 {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.su-grid-cols-3 {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
+.su-flex-row {
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
+}
+
+.su-flex-col {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+
+.su-justify-center {
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+}
+
+.su-justify-between {
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+}
+
+.su-border-2 {
+  border-width: 2px;
+}
+
+.su-border-solid {
+  border-style: solid;
+}
+
+.su-border-black {
+  border-color: #2E2D29;
+}
+
+.su-border-digital-red {
+  border-color: #B1040E;
+}
+
+.su-border-digital-blue-light {
+  border-color: #85CCFF;
+}
+
+.su-bg-digital-red {
+  --tw-bg-opacity: 1;
+  background-color: rgb(177 4 14 / var(--tw-bg-opacity));
+}
+
+.su-bg-digital-blue {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 108 184 / var(--tw-bg-opacity));
+}
+
+.su-bg-cardinal-red {
+  --tw-bg-opacity: 1;
+  background-color: rgb(140 21 21 / var(--tw-bg-opacity));
+}
+
+.su-bg-foggy-light {
+  --tw-bg-opacity: 1;
+  background-color: rgb(244 244 244 / var(--tw-bg-opacity));
+}
+
+.su-p-0 {
+  padding: 0;
+}
+
+.su-px-26 {
+  padding-left: 2.6rem;
+  padding-right: 2.6rem;
+}
+
+.su-pt-11 {
+  padding-top: 1.1rem;
+}
+
+.su-pr-7 {
+  padding-right: 0.7rem;
+}
+
+.su-pt-10 {
+  padding-top: 1rem;
+}
+
+.su-pb-11 {
+  padding-bottom: 1.1rem;
+}
+
+.su-pt-5 {
+  padding-top: 0.5rem;
+}
+
+.su-pb-1 {
+  padding-bottom: 0.1rem;
+}
+
+.su-text-left {
+  text-align: left;
+}
+
+.su-text-center {
+  text-align: center;
+}
+
+.su-font-serif {
+  font-family: "Source Serif Pro", Georgia, Times, "Times New Roman", serif;
+}
+
+.su-text-25 {
+  font-size: 2.5rem;
+}
+
+.su-text-16 {
+  font-size: 1.6rem;
+}
+
+.su-text-15 {
+  font-size: 1.5rem;
+}
+
+.su-text-13 {
+  font-size: 1.3rem;
+}
+
+.su-text-20 {
+  font-size: 2rem;
+}
+
+.su-text-18 {
+  font-size: 1.8rem;
+}
+
+.su-font-regular {
+  font-weight: 400;
+}
+
+.su-leading-half {
+  line-height: 0.5;
+}
+
+.su-leading-display {
+  line-height: 1.2;
+}
+
+.su-leading-none {
+  line-height: 1;
+}
+
+.su-text-cardinal-red {
+  --tw-text-opacity: 1;
+  color: rgb(140 21 21 / var(--tw-text-opacity));
+}
+
+.su-text-black {
+  --tw-text-opacity: 1;
+  color: rgb(46 45 41 / var(--tw-text-opacity));
+}
+
+.su-text-white {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
+.su-no-underline {
+  -webkit-text-decoration-line: none;
+          text-decoration-line: none;
+}
+
+.su-transition-colors {
+  -webkit-transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
+  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
+  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  -webkit-transition-duration: 250ms;
+          transition-duration: 250ms;
+}
+
+.su-link-regular a {
+  font-weight: 400;
+}
+
+.hover\:su-border-black:hover {
+  border-color: #2E2D29;
+}
+
+.focus\:su-border-black:focus {
+  border-color: #2E2D29;
+}
+
+.hocus\:su-text-white:hover,.su-hocus\:su-text-white:focus {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
+.hocus\:su-underline:hover,.su-hocus\:su-underline:focus {
+  -webkit-text-decoration-line: underline;
+          text-decoration-line: underline;
+}
+
+@media (min-width: 576px) {
+  .sm\:su-mb-4 {
+    margin-bottom: 0.4rem;
+  }
+
+  .sm\:su-mr-0 {
+    margin-right: 0;
+  }
+
+  .sm\:su-mr-10 {
+    margin-right: 1rem;
+  }
+
+  .sm\:su-mb-0 {
+    margin-bottom: 0;
+  }
+
+  .sm\:su-ml-0 {
+    margin-left: 0;
+  }
+
+  .sm\:su-flex-row {
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: row;
+            flex-direction: row;
+  }
+
+  .sm\:su-flex-col {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+            flex-direction: column;
+  }
+
+  .sm\:su-items-center {
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
+  }
+
+  .sm\:su-text-center {
+    text-align: center;
+  }
+
+  .sm\:su-text-14 {
+    font-size: 1.4rem;
+  }
+
+  .sm\:su-link-regular a {
+    font-weight: 400;
+  }
+}
+
+@media (min-width: 768px) {
+  .md\:su-mt-0 {
+    margin-top: 0;
+  }
+
+  .md\:su-ml-0 {
+    margin-left: 0;
+  }
+
+  .md\:su-mr-20 {
+    margin-right: 2rem;
+  }
+
+  .md\:su-grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .md\:su-flex-row {
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: row;
+            flex-direction: row;
+  }
+
+  .md\:su-border-r {
+    border-right-width: 1px;
+  }
+
+  .md\:su-text-m2 {
+    font-size: 1.56em;
+  }
+
+  .md\:su-text-20 {
+    font-size: 2rem;
+  }
+
+  .md\:su-text-17 {
+    font-size: 1.7rem;
+  }
+
+  .md\:su-text-15 {
+    font-size: 1.5rem;
+  }
+}
+
+@media (min-width: 992px) {
+  .lg\:su-mr-27 {
+    margin-right: 2.7rem;
+  }
+
+  .lg\:su-flex-row {
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: row;
+            flex-direction: row;
+  }
+
+  .lg\:su-items-start {
+    -webkit-box-align: start;
+        -ms-flex-align: start;
+            align-items: flex-start;
+  }
+
+  .lg\:su-pl-45 {
+    padding-left: 4.5rem;
+  }
+
+  .lg\:su-text-left {
+    text-align: left;
+  }
+}
+
+@media (min-width: 1200px) {
+  .xl\:su-grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+
+  .xl\:su-pl-50 {
+    padding-left: 5rem;
+  }
+
+  .xl\:su-text-16 {
+    font-size: 1.6rem;
+  }
+}
+
+@media (min-width: 1500px) {
+  .\32xl\:su-text-18 {
+    font-size: 1.8rem;
+  }
+}
diff --git a/themes/stanford_profile_theme/favicon.ico b/themes/stanford_profile_theme/favicon.ico
new file mode 100644
index 000000000..49e70f583
Binary files /dev/null and b/themes/stanford_profile_theme/favicon.ico differ
diff --git a/themes/stanford_profile_theme/package.json b/themes/stanford_profile_theme/package.json
new file mode 100644
index 000000000..e0295eb7d
--- /dev/null
+++ b/themes/stanford_profile_theme/package.json
@@ -0,0 +1,15 @@
+{
+  "name": "stanford_profile_theme",
+  "version": "1.0.0",
+  "main": "index.js",
+  "license": "MIT",
+  "scripts": {
+    "build": "npx tailwindcss -i ./src/base.scss -o ./dist/base.css"
+  },
+  "dependencies": {
+    "@tailwindcss/forms": "^0.4.0-alpha.2",
+    "decanter": "^7.0.0-beta.2",
+    "tailwindcss": "^3.0.24",
+    "tailwindcss-debug-screens": "^2.2.1"
+  }
+}
diff --git a/themes/stanford_profile_theme/src/base.scss b/themes/stanford_profile_theme/src/base.scss
new file mode 100644
index 000000000..b5c61c956
--- /dev/null
+++ b/themes/stanford_profile_theme/src/base.scss
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
diff --git a/themes/stanford_profile_theme/stanford_profile_theme.info.yml b/themes/stanford_profile_theme/stanford_profile_theme.info.yml
new file mode 100644
index 000000000..af939fa7e
--- /dev/null
+++ b/themes/stanford_profile_theme/stanford_profile_theme.info.yml
@@ -0,0 +1,24 @@
+name: 'Stanford Profile Theme'
+type: theme
+description: 'Stanford Profile Theme.'
+package: Stanford
+version: 1.0.0
+core_version_requirement: ^9
+'base theme': stable9
+regions:
+  page_top: 'Page top'
+  header: Header
+  search: Search
+  menu: Menu
+  help: Help
+  content: Content
+  footer: Footer
+  page_bottom: 'Page bottom'
+features:
+  - favicon
+  - logo
+components:
+  namespaces:
+    stanford-profile-theme: templates
+libraries:
+  - stanford_profile_theme/base
diff --git a/themes/stanford_profile_theme/stanford_profile_theme.libraries.yml b/themes/stanford_profile_theme/stanford_profile_theme.libraries.yml
new file mode 100755
index 000000000..89a1018e7
--- /dev/null
+++ b/themes/stanford_profile_theme/stanford_profile_theme.libraries.yml
@@ -0,0 +1,15 @@
+base:
+  version: VERSION
+  css:
+    layout:
+      dist/base.css: {}
+
+fontawesome:
+  version: 5.15.4
+  remote: https://use.fontawesome.com/releases/v5.15.4/css/all.css
+  license:
+    name: FontAwesome
+    url: http://fontawesome.io/license/
+  css:
+    base:
+      //use.fontawesome.com/releases/v5.15.4/css/all.css: {}
diff --git a/themes/stanford_profile_theme/stanford_profile_theme.theme b/themes/stanford_profile_theme/stanford_profile_theme.theme
new file mode 100755
index 000000000..9509c90bc
--- /dev/null
+++ b/themes/stanford_profile_theme/stanford_profile_theme.theme
@@ -0,0 +1,44 @@
+<?php
+
+/**
+ * @file
+ * Preprocess functions for Stanford Profile Theme.
+ */
+
+/**
+ * Implements hook_library_info_alter().
+ */
+function stanford_profile_theme_library_info_alter(&$libraries, $extension) {
+  if (\Drupal::service('theme_handler')->themeExists($extension)) {
+    return;
+  }
+
+  $libraries = array_filter($libraries, function ($library) use ($extension) {
+    return !preg_match('/(stanford_|jumpstart|react|ui_pattern)/', $extension);
+  });
+}
+
+/**
+ * Implements hook_page_attachments_alter().
+ */
+function stanford_profile_theme_page_attachments_alter(array &$attachments) {
+  $attachments['#attached']['drupalSettings']['data']['extlink']['extClass'] = 'su-hidden';
+}
+
+/**
+ * Implements hook_theme_suggestions_alter().
+ */
+function stanford_profile_theme_theme_suggestions_alter(array &$suggestions, array $variables, $hook) {
+
+}
+
+/**
+ * Implements hook_preprocess_HOOK().
+ */
+function stanford_profile_theme_preprocess_block__system_branding_block(&$variables) {
+  if(strpos($variables['site_logo'], 'stanford_profile_theme') !== false){
+    global $base_path;
+    $variables['site_logo'] = $base_path . \Drupal::service('extension.list.theme')
+        ->getPath('stanford_profile_theme') . '/logo.svg';
+  }
+}
diff --git a/themes/stanford_profile_theme/tailwind.config.js b/themes/stanford_profile_theme/tailwind.config.js
new file mode 100644
index 000000000..8b67b1d68
--- /dev/null
+++ b/themes/stanford_profile_theme/tailwind.config.js
@@ -0,0 +1,10 @@
+module.exports = {
+  content: ["templates/**/*.html.twig", "stanford_profile_theme.theme"],
+  presets: [
+    require('decanter/tailwind.config.js')
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}
diff --git a/themes/stanford_profile_theme/templates/block/block--system-branding-block.html.twig b/themes/stanford_profile_theme/templates/block/block--system-branding-block.html.twig
new file mode 100644
index 000000000..d2f8803be
--- /dev/null
+++ b/themes/stanford_profile_theme/templates/block/block--system-branding-block.html.twig
@@ -0,0 +1,11 @@
+<a class="su-lockup su-no-underline su-inline-block" href="{{ url('<front>') }}">
+  <div class="su-flex su-flex-col md:su-flex-row su-basefont-19">
+    <div class="su-logo su-text-cardinal-red su-type-4 su-leading-half su-pt-11 su-pr-7 su-mr-7 md:su-border-r su-border-solid su-border-black">
+      <img src="{{ site_logo }}" alt=""/>
+    </div>
+    <div class="su-text-25 md:su-text-m2 su--mt-3 md:su-mt-0 su--ml-2 md:su-ml-0 su-font-regular su-relative su-top-6 su-text-black">
+      {{ site_name }}
+    </div>
+  </div>
+</a>
+
diff --git a/themes/stanford_profile_theme/templates/core/status_messages.html.twig b/themes/stanford_profile_theme/templates/core/status_messages.html.twig
new file mode 100644
index 000000000..e0dc78df5
--- /dev/null
+++ b/themes/stanford_profile_theme/templates/core/status_messages.html.twig
@@ -0,0 +1,24 @@
+<div data-drupal-messages>
+  {% for type, messages in message_list %}
+    <div role="contentinfo" aria-label="{{ status_headings[type] }}"{{ attributes|without('role', 'aria-label') }}>
+      {% if type == 'error' %}
+      <div role="alert">
+        {% endif %}
+        {% if status_headings[type] %}
+          <h2 class="visually-hidden">{{ status_headings[type] }}</h2>
+        {% endif %}
+        {% if messages|length > 1 %}
+          <ul>
+            {% for message in messages %}
+              <li>{{ message }}</li>
+            {% endfor %}
+          </ul>
+        {% else %}
+          {{ messages|first }}
+        {% endif %}
+        {% if type == 'error' %}
+      </div>
+      {% endif %}
+    </div>
+  {% endfor %}
+</div>
diff --git a/themes/stanford_profile_theme/templates/field/field--paragraph-row--su-page-components.html.twig b/themes/stanford_profile_theme/templates/field/field--paragraph-row--su-page-components.html.twig
new file mode 100644
index 000000000..50b1aad13
--- /dev/null
+++ b/themes/stanford_profile_theme/templates/field/field--paragraph-row--su-page-components.html.twig
@@ -0,0 +1,8 @@
+{% set item_count = items|length %}
+{% set possible_class = ['su-grid-cols-1', 'su-grid-cols-2', 'su-grid-cols-3'] %}
+<div class="su-grid md:su-grid-cols-{{ item_count }}">
+  {% for item in items %}
+    <div{{ item.attributes }}>{{ item.content }}</div>
+  {% endfor %}
+</div>
+
diff --git a/themes/stanford_profile_theme/templates/field/field--su-page-components.html.twig b/themes/stanford_profile_theme/templates/field/field--su-page-components.html.twig
new file mode 100644
index 000000000..915795f75
--- /dev/null
+++ b/themes/stanford_profile_theme/templates/field/field--su-page-components.html.twig
@@ -0,0 +1,5 @@
+
+{% for item in items %}
+  <div{{ item.attributes }}>{{ item.content }}</div>
+{% endfor %}
+
diff --git a/themes/stanford_profile_theme/templates/form/input.html.twig b/themes/stanford_profile_theme/templates/form/input.html.twig
new file mode 100644
index 000000000..d1f0efb3b
--- /dev/null
+++ b/themes/stanford_profile_theme/templates/form/input.html.twig
@@ -0,0 +1,22 @@
+{% set classes = [
+  'su-button',
+  'su-group',
+  'su-leading-display',
+  'su-text-white',
+  'su-border-2',
+  'su-border-solid',
+  'hover:su-border-black',
+  'focus:su-border-black',
+  'su-transition-colors',
+  'su-px-26',
+  'su-pt-10',
+  'su-pb-11',
+  'su-text-16',
+  'md:su-text-20',
+  attributes.hasClass('button--primary') ? 'su-bg-digital-red su-border-digital-red' : 'su-bg-digital-blue su-border-digital-blue-light'
+] %}
+
+{% if attributes.type == 'submit' %}
+  {% set attributes = attributes.addClass(classes) %}
+{% endif %}
+<input{{ attributes }} />{{ children }}
diff --git a/themes/stanford_profile_theme/templates/layouts/one-column.html.twig b/themes/stanford_profile_theme/templates/layouts/one-column.html.twig
new file mode 100644
index 000000000..801eda82a
--- /dev/null
+++ b/themes/stanford_profile_theme/templates/layouts/one-column.html.twig
@@ -0,0 +1,2 @@
+{% set main_class = settings.centered ? 'su-cc' : '' %}
+<div{{ region_attributes.main.addClass(main_class) }}>{{ content.main }}</div>
diff --git a/themes/stanford_profile_theme/templates/layouts/three-column.html.twig b/themes/stanford_profile_theme/templates/layouts/three-column.html.twig
new file mode 100644
index 000000000..c9ab76c79
--- /dev/null
+++ b/themes/stanford_profile_theme/templates/layouts/three-column.html.twig
@@ -0,0 +1,31 @@
+{% set left = content.left|render_clean %}
+{% set main = content.main|render_clean %}
+{% set right = content.right|render_clean %}
+
+{% set main_class = '' %}
+{% if left and right %}
+  {% set main_class = 'su-w-6/12' %}
+{% elseif left or right %}
+  {% set main_class = 'su-w-9/12' %}
+{% endif %}
+
+<div class="su-flex su-flex-col md:su-flex-row {{ settings.centered ? 'su-cc' : '' }}">
+
+  {% if left %}
+    <div {{ region_attributes.left.addClass('su-w-3/12') }}>
+      {{ content.left }}
+    </div>
+  {% endif %}
+
+  {% if main %}
+    <div {{ region_attributes.main.addClass(main_class) }}>
+      {{ content.main }}
+    </div>
+  {% endif %}
+
+  {% if right %}
+    <div {{ region_attributes.right.addClass('su-w-3/12') }}>
+      {{ content.right }}
+    </div>
+  {% endif %}
+</div>
diff --git a/themes/stanford_profile_theme/templates/layouts/two-column.html.twig b/themes/stanford_profile_theme/templates/layouts/two-column.html.twig
new file mode 100644
index 000000000..cb45ddd7e
--- /dev/null
+++ b/themes/stanford_profile_theme/templates/layouts/two-column.html.twig
@@ -0,0 +1,22 @@
+{% set left_class = 'su-w-3/12' %}
+{% set main_class = content.left ? 'su-w-9/12' : '' %}
+{% set left = content.left|render_clean %}
+
+{% if settings.orientation == 'left' %}
+  {% set left_class = 'su-w-9/12' %}
+  {% set main_class = left ? 'su-w-3/12' : '' %}
+{% elseif settings.orientation == 'equal' %}
+  {% set left_class = 'su-w-6/12' %}
+  {% set main_class = left ? 'su-w-6/12' : '' %}
+{% endif %}
+
+
+<div class="su-flex su-flex-col md:su-flex-row {{ settings.centered ? 'su-cc' : '' }}">
+
+  {% if left %}
+    <div{{ region_attributes.left.addClass(left_class) }}>{{ content.left }}</div>
+  {% endif %}
+
+  <div{{ region_attributes.main.addClass(main_class) }}>{{ content.main }}</div>
+</div>
+
diff --git a/themes/stanford_profile_theme/templates/menu/menu--main.html.twig b/themes/stanford_profile_theme/templates/menu/menu--main.html.twig
new file mode 100644
index 000000000..f5fdf68c0
--- /dev/null
+++ b/themes/stanford_profile_theme/templates/menu/menu--main.html.twig
@@ -0,0 +1,25 @@
+
+{%- import _self as menu -%}
+<div class="clearfix">
+  {{ menu.nav_menu(items) }}
+</div>
+
+
+{% macro nav_menu(items, menu_level = 1) %}
+  {% import _self as menus %}
+  <ul class="su-list-unstyled su-flex {{ menu_level==1?'su-float-right':'' }}">
+    {% for item in items %}
+      <li>
+        <a href="{{ item.url }}">
+          <span>{{ item.title }}</span>
+          {% if item.unpublished %}
+            <span>{{ "Unpublished Page"|t }}</span>
+          {% endif %}
+        </a>
+        {% if item.below %}
+          {{ menus.nav_menu(item.below, menu_level + 1) }}
+        {% endif %}
+      </li>
+    {% endfor %}
+  </ul>
+{% endmacro %}
diff --git a/themes/stanford_profile_theme/templates/menu/menu--secondary-nav.html.twig b/themes/stanford_profile_theme/templates/menu/menu--secondary-nav.html.twig
new file mode 100644
index 000000000..1b8dffdd9
--- /dev/null
+++ b/themes/stanford_profile_theme/templates/menu/menu--secondary-nav.html.twig
@@ -0,0 +1,23 @@
+{%- import _self as menu -%}
+
+{{ menu.nav_menu(items) }}
+
+
+{% macro nav_menu(items, menu_level = 1) %}
+  {% import _self as menus %}
+  <ul class="su-list-unstyled">
+    {% for item in items %}
+      <li>
+        <a href="{{ item.url }}">
+          <span class="su-multi-menu__link-text-wrapper">{{ item.title }}</span>
+          {% if item.unpublished %}
+            <span class="unpublished-indicator">{{ "Unpublished Page"|t }}</span>
+          {% endif %}
+        </a>
+        {% if item.below %}
+          {{ menus.nav_menu(item.below, menu_level + 1) }}
+        {% endif %}
+      </li>
+    {% endfor %}
+  </ul>
+{% endmacro %}
diff --git a/themes/stanford_profile_theme/templates/menu/menu.html.twig b/themes/stanford_profile_theme/templates/menu/menu.html.twig
new file mode 100644
index 000000000..1b8dffdd9
--- /dev/null
+++ b/themes/stanford_profile_theme/templates/menu/menu.html.twig
@@ -0,0 +1,23 @@
+{%- import _self as menu -%}
+
+{{ menu.nav_menu(items) }}
+
+
+{% macro nav_menu(items, menu_level = 1) %}
+  {% import _self as menus %}
+  <ul class="su-list-unstyled">
+    {% for item in items %}
+      <li>
+        <a href="{{ item.url }}">
+          <span class="su-multi-menu__link-text-wrapper">{{ item.title }}</span>
+          {% if item.unpublished %}
+            <span class="unpublished-indicator">{{ "Unpublished Page"|t }}</span>
+          {% endif %}
+        </a>
+        {% if item.below %}
+          {{ menus.nav_menu(item.below, menu_level + 1) }}
+        {% endif %}
+      </li>
+    {% endfor %}
+  </ul>
+{% endmacro %}
diff --git a/themes/stanford_profile_theme/templates/menu/menu_local_tasks.html.twig b/themes/stanford_profile_theme/templates/menu/menu_local_tasks.html.twig
new file mode 100644
index 000000000..9f05b1f17
--- /dev/null
+++ b/themes/stanford_profile_theme/templates/menu/menu_local_tasks.html.twig
@@ -0,0 +1,20 @@
+{% if primary %}
+  <ul class="su-list-none su-flex">
+    {% for link in primary %}
+      <li>
+        {{ link}}
+      </li>
+    {% endfor %}
+  </ul>
+{% endif %}
+
+{% if secondary %}
+  <ul class="su-list-none su-flex">
+    {% for link in secondary %}
+      <li>
+        {{ link }}
+      </li>
+    {% endfor %}
+  </ul>
+{% endif %}
+
diff --git a/themes/stanford_profile_theme/templates/page/global-footer.html.twig b/themes/stanford_profile_theme/templates/page/global-footer.html.twig
new file mode 100644
index 000000000..f1570ed22
--- /dev/null
+++ b/themes/stanford_profile_theme/templates/page/global-footer.html.twig
@@ -0,0 +1,210 @@
+<div
+  class="
+    su-cc
+    su-global-footer
+    su-basefont-20
+    su-rs-py-1
+    su-text-white
+    su-bg-cardinal-red
+  "
+>
+  <div
+    class="su-flex su-flex-col lg:su-flex-row"
+    title="Common Stanford resources"
+  >
+    <div class="su-text-center su-mt-5 su-mb-9">
+      <a
+        class="su-logo su-text-white hocus:su-text-white su-type-3"
+        href="https://www.stanford.edu"
+      >
+        Stanford
+        <br />
+        University
+      </a>
+    </div>
+    <div
+      class="
+        lg:su-pl-45
+        xl:su-pl-50
+        su-text-left
+        sm:su-text-center
+        lg:su-text-left
+        su-flex-grow
+      "
+    >
+      <nav
+        aria-label="global footer menu"
+        class="
+          su-flex su-flex-row
+          sm:su-flex-col
+          su-justify-center
+          sm:su-items-center
+          lg:su-items-start
+          su-mb-10
+        "
+      >
+        <ul
+          class="
+            su-list-unstyled su-mb-10
+            sm:su-mb-4
+            su-mr-19
+            sm:su-mr-0
+            su-p-0 su-text-15
+            md:su-text-17
+            2xl:su-text-18
+            su-flex su-flex-col
+            sm:su-flex-row
+          "
+        >
+          <li class="sm:su-mr-10 md:su-mr-20 lg:su-mr-27">
+            <a
+              href="https://www.stanford.edu"
+              class="
+                su-text-white su-no-underline
+                hocus:su-underline hocus:su-text-white
+              "
+            >
+              Stanford Home
+              <span class="su-sr-only">(link is external)</span>
+            </a>
+          </li>
+          <li class="sm:su-mr-10 md:su-mr-20 lg:su-mr-27">
+            <a
+              href="https://visit.stanford.edu/plan/"
+              class="
+                su-text-white su-no-underline
+                hocus:su-underline hocus:su-text-white
+              "
+            >
+              Maps &amp; Directions
+              <span class="su-sr-only">(link is external)</span>
+            </a>
+          </li>
+          <li class="sm:su-mr-10 md:su-mr-20 lg:su-mr-27">
+            <a
+              href="https://www.stanford.edu/search/"
+              class="
+                su-text-white su-no-underline
+                hocus:su-underline hocus:su-text-white
+              "
+            >
+              Search Stanford
+              <span class="su-sr-only">(link is external)</span>
+            </a>
+          </li>
+          <li>
+            <a
+              href="https://emergency.stanford.edu"
+              class="
+                su-text-white su-no-underline
+                hocus:su-underline hocus:su-text-white
+              "
+            >
+              Emergency Info
+              <span class="su-sr-only">(link is external)</span>
+            </a>
+          </li>
+        </ul>
+        <ul
+          class="
+            su-list-unstyled su-mb-10
+            sm:su-mb-0
+            su-ml-19
+            sm:su-ml-0
+            su-p-0 su-text-15
+            sm:su-text-14
+            md:su-text-15
+            xl:su-text-16
+            su-flex su-flex-col
+            sm:su-flex-row sm:su-link-regular
+          "
+        >
+          <li class="sm:su-mr-10 md:su-mr-20 lg:su-mr-27">
+            <a
+              href="https://www.stanford.edu/site/terms/"
+              title="Terms of use for sites"
+              class="
+                su-text-white su-no-underline
+                hocus:su-underline hocus:su-text-white
+              "
+            >
+              Terms of Use
+              <span class="su-sr-only">(link is external)</span>
+            </a>
+          </li>
+          <li class="sm:su-mr-10 md:su-mr-20 lg:su-mr-27">
+            <a
+              href="https://www.stanford.edu/site/privacy/"
+              title="Privacy and cookie policy"
+              class="
+                su-text-white su-no-underline
+                hocus:su-underline hocus:su-text-white
+              "
+            >
+              Privacy
+              <span class="su-sr-only">(link is external)</span>
+            </a>
+          </li>
+          <li class="sm:su-mr-10 md:su-mr-20 lg:su-mr-27">
+            <a
+              href="https://uit.stanford.edu/security/copyright-infringement"
+              title="Report alleged copyright infringement"
+              class="
+                su-text-white su-no-underline
+                hocus:su-underline hocus:su-text-white
+              "
+            >
+              Copyright
+              <span class="su-sr-only">(link is external)</span>
+            </a>
+          </li>
+          <li class="sm:su-mr-10 md:su-mr-20 lg:su-mr-27">
+            <a
+              href="https://adminguide.stanford.edu/chapter-1/subchapter-5/policy-1-5-4"
+              title="Ownership and use of Stanford trademarks and images"
+              class="
+                su-text-white su-no-underline
+                hocus:su-underline hocus:su-text-white
+              "
+            >
+              Trademarks
+              <span class="su-sr-only">(link is external)</span>
+            </a>
+          </li>
+          <li class="sm:su-mr-10 md:su-mr-20 lg:su-mr-27">
+            <a
+              href="https://bulletin.stanford.edu/pages/c7vDgeOuJIfpZe8GKmW3"
+              title="Non-discrimination policy"
+              class="
+                su-text-white su-no-underline
+                hocus:su-underline hocus:su-text-white
+              "
+            >
+              Non-Discrimination
+              <span class="su-sr-only">(link is external)</span>
+            </a>
+          </li>
+          <li>
+            <a
+              href="https://www.stanford.edu/site/accessibility"
+              title="Report web accessibility issues"
+              class="
+                su-text-white su-no-underline
+                hocus:su-underline hocus:su-text-white
+              "
+            >
+              Accessibility
+              <span class="su-sr-only">(link is external)</span>
+            </a>
+          </li>
+        </ul>
+      </nav>
+      <div class="su-text-13 sm:su-text-14 su-text-center lg:su-text-left">
+        <span class="su-whitespace-no-wrap">© Stanford University.</span>
+        <span class="su-whitespace-no-wrap">
+          &nbsp; Stanford, California 94305.
+        </span>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/themes/stanford_profile_theme/templates/page/page.html.twig b/themes/stanford_profile_theme/templates/page/page.html.twig
new file mode 100644
index 000000000..ed79061d7
--- /dev/null
+++ b/themes/stanford_profile_theme/templates/page/page.html.twig
@@ -0,0 +1,23 @@
+<div>
+  <div>{{ page.page_top }}</div>
+
+  <div class="su-cc su-identity-bar su-pt-5 su-pb-1 su-bg-cardinal-red">
+    <a class="su-logo su-text-white hocus:su-text-white su-text-20 su-leading-none" href="https://www.stanford.edu">
+      Stanford University
+    </a>
+  </div>
+
+  <div class="su-cc">
+    {{ page.header }}
+    {{ page.search }}
+    {{ page.menu }}
+  </div>
+
+  {{ page.help }}
+  {{ page.content }}
+
+  {{ page.footer }}
+  {% include '@stanford-profile-theme/page/global-footer.html.twig' %}
+
+  <div>{{ page.page_bottom }}</div>
+</div>
diff --git a/themes/stanford_profile_theme/templates/patterns/pattern-basic-page-types-list.html.twig b/themes/stanford_profile_theme/templates/patterns/pattern-basic-page-types-list.html.twig
new file mode 100644
index 000000000..eda1a9861
--- /dev/null
+++ b/themes/stanford_profile_theme/templates/patterns/pattern-basic-page-types-list.html.twig
@@ -0,0 +1,5 @@
+{{ category }}
+{{ title }}
+{{ description }}
+{{ page_image }}
+{{ footer }}
diff --git a/themes/stanford_profile_theme/templates/patterns/pattern-card.html.twig b/themes/stanford_profile_theme/templates/patterns/pattern-card.html.twig
new file mode 100644
index 000000000..63e2a6772
--- /dev/null
+++ b/themes/stanford_profile_theme/templates/patterns/pattern-card.html.twig
@@ -0,0 +1,16 @@
+{{ card_image }}
+{{ card_super_headline }}
+{{ card_headline }}
+{{ card_body }}
+{{ card_link }}
+{{ card_cta_attributes }}
+{{ card_cta_label }}
+{{ card_button_label }}
+{{ card_media_wrapper_modifier_class }}
+{{ card_media_image_src }}
+{{ card_media_icon_image_src }}
+{{ card_media_video_src }}
+{{ card_media_content_attributes }}
+{{ card_media_custom }}
+{{ card_allow_media_link }}
+{{ card_icon_font_class }}
diff --git a/themes/stanford_profile_theme/templates/patterns/pattern-events-card.html.twig b/themes/stanford_profile_theme/templates/patterns/pattern-events-card.html.twig
new file mode 100644
index 000000000..68f72f41c
--- /dev/null
+++ b/themes/stanford_profile_theme/templates/patterns/pattern-events-card.html.twig
@@ -0,0 +1,21 @@
+{{ start_month }}
+{{ start_date }}
+{{ end_month }}
+{{ end_date }}
+{{ event_type }}
+{{ headline }}
+{{ subheadline }}
+{{ url }}
+{{ date_time }}
+{{ location }}
+{{ address }}
+{{ location_organization }}
+{{ location_address_line1 }}
+{{ location_address_line2 }}
+{{ location_locality }}
+{{ location_administrative_area }}
+{{ location_dependent_locality }}
+{{ location_country_code }}
+{{ location_postal_code }}
+{{ location_sorting_code }}
+{{ edit }}
diff --git a/themes/stanford_profile_theme/templates/patterns/pattern-events-list.html.twig b/themes/stanford_profile_theme/templates/patterns/pattern-events-list.html.twig
new file mode 100644
index 000000000..ce08f004d
--- /dev/null
+++ b/themes/stanford_profile_theme/templates/patterns/pattern-events-list.html.twig
@@ -0,0 +1,17 @@
+<div class="md:su-flex-row pt-12 pb-20 md:pt-14 md:pb-24 2xl:pt-16 2xl:pb-24">
+  <div aria-hidden="true" class="su-w-40">
+    {{ start_month }}
+    {{ start_date }}
+  </div>
+  <div>
+    {{ event_type|render_clean('<a>') }}
+    {{ title|render_clean('<a>') }}
+    {{ headline|render_clean }}
+    {{ subheadline|render_clean }}
+    {{ dek|render_clean }}
+    {{ date_time|render_clean }}
+    {{ location|render_clean }}
+    {{ edit|render_clean('<a>') }}
+  </div>
+</div>
+
diff --git a/themes/stanford_profile_theme/templates/patterns/pattern-events-person-cta.html.twig b/themes/stanford_profile_theme/templates/patterns/pattern-events-person-cta.html.twig
new file mode 100644
index 000000000..419734b59
--- /dev/null
+++ b/themes/stanford_profile_theme/templates/patterns/pattern-events-person-cta.html.twig
@@ -0,0 +1,4 @@
+{{ image }}
+{{ name }}
+{{ title }}
+{{ link }}
diff --git a/themes/stanford_profile_theme/templates/patterns/pattern-events-schedule.html.twig b/themes/stanford_profile_theme/templates/patterns/pattern-events-schedule.html.twig
new file mode 100644
index 000000000..72c6b88d2
--- /dev/null
+++ b/themes/stanford_profile_theme/templates/patterns/pattern-events-schedule.html.twig
@@ -0,0 +1,6 @@
+{{ time }}
+{{ headline }}
+{{ description }}
+{{ location }}
+{{ url }}
+{{ speakers }}
diff --git a/themes/stanford_profile_theme/templates/patterns/pattern-hero.html.twig b/themes/stanford_profile_theme/templates/patterns/pattern-hero.html.twig
new file mode 100644
index 000000000..84418328f
--- /dev/null
+++ b/themes/stanford_profile_theme/templates/patterns/pattern-hero.html.twig
@@ -0,0 +1,10 @@
+{{ hero_image }}
+{{ hero_media }}
+{{ hero_super_headline }}
+{{ hero_headline }}
+{{ hero_body }}
+{{ hero_cta_link }}
+{{ hero_cta_attributes }}
+{{ hero_cta_label }}
+{{ hero_button_link }}
+{{ hero_button_label }}
diff --git a/themes/stanford_profile_theme/templates/patterns/pattern-localfooter.html.twig b/themes/stanford_profile_theme/templates/patterns/pattern-localfooter.html.twig
new file mode 100644
index 000000000..2aa93cd1d
--- /dev/null
+++ b/themes/stanford_profile_theme/templates/patterns/pattern-localfooter.html.twig
@@ -0,0 +1,35 @@
+
+<div class="su-cc su-local-footer su-rs-pt-4 su-rs-pb-5 su-bg-foggy-light su-text-black">
+  <div class="su-flex su-flex-col su-grid-gap su-justify-between md:su-flex-row su-rs-mb-2">
+    <div class="su-flex-grow">
+      <a class="su-lockup su-no-underline su-inline-block" href="/">
+        <div class="su-flex su-flex-col md:su-flex-row su-basefont-19">
+          <div class="su-logo su-text-cardinal-red su-type-4 su-leading-half su-pt-11 su-pr-7 su-mr-7 md:su-border-r su-border-solid su-border-black">Stanford</div>
+          <div class="su-text-25 md:su-text-m2 su--mt-3 md:su-mt-0 su--ml-2 md:su-ml-0 su-font-regular su-relative su-top-6 su-text-black">{{ lockup_title|render_clean }}</div>
+        </div>
+      </a>
+    </div>
+  </div>
+  <div class="su-grid su-grid-gap su-grid-cols-1 md:su-grid-cols-2 xl:su-grid-cols-4 su-text-18 su-link-regular">
+    <div>
+      <ul class="su-list-unstyled">
+        [add action links
+      </ul>
+    </div>
+    <div>
+      <h2 class="su-font-serif su-text-20 su-tracking-none">[add primary link header]</h2>
+      <ul class="su-list-unstyled">
+        [add primary links]
+      </ul>
+    </div>
+    <div>
+      <h2 class="su-font-serif su-text-20 su-tracking-none">[add secondary link header]</h2>
+      <ul class="su-list-unstyled">
+        [add secondary links
+      </ul>
+    </div>
+    <div>
+      [add tertiary area]
+    </div>
+  </div>
+</div>
diff --git a/themes/stanford_profile_theme/templates/patterns/pattern-news-list.html.twig b/themes/stanford_profile_theme/templates/patterns/pattern-news-list.html.twig
new file mode 100644
index 000000000..9574e2ccd
--- /dev/null
+++ b/themes/stanford_profile_theme/templates/patterns/pattern-news-list.html.twig
@@ -0,0 +1,26 @@
+<div>
+  <div class="pub-date">
+    {{ news_list_publishing_date }}
+  </div>
+  <div class="headline">
+    {{ news_list_headline }}
+  </div>
+  <div class="dek">
+    {{ news_list_dek }}
+  </div>
+  <div class="topics">
+    {{ news_list_topics }}
+  </div>
+  <div class="source">
+    {{ news_source }}
+  </div>
+  <div class="url">
+    {{ news_url }}
+  </div>
+  <div class="footer">
+    {{ news_list_footer }}
+  </div>
+  <div class="image">
+    {{ news_list_image }}
+  </div>
+</div>
diff --git a/themes/stanford_profile_theme/templates/patterns/pattern-news-vertical-teaser.html.twig b/themes/stanford_profile_theme/templates/patterns/pattern-news-vertical-teaser.html.twig
new file mode 100644
index 000000000..a3721bb26
--- /dev/null
+++ b/themes/stanford_profile_theme/templates/patterns/pattern-news-vertical-teaser.html.twig
@@ -0,0 +1,6 @@
+{{ news_vertical_teaser_image }}
+{{ news_vertical_teaser_headline }}
+{{ news_topics }}
+{{ news_source }}
+{{ news_url }}
+{{ news_footer }}
diff --git a/themes/stanford_profile_theme/templates/region/region--help.html.twig b/themes/stanford_profile_theme/templates/region/region--help.html.twig
new file mode 100644
index 000000000..7b3cea990
--- /dev/null
+++ b/themes/stanford_profile_theme/templates/region/region--help.html.twig
@@ -0,0 +1,5 @@
+{% if content %}
+  <div class="su-cc">
+    {{ content }}
+  </div>
+{% endif %}
diff --git a/themes/stanford_profile_theme/templates/region/region.html.twig b/themes/stanford_profile_theme/templates/region/region.html.twig
new file mode 100644
index 000000000..61d54a82e
--- /dev/null
+++ b/themes/stanford_profile_theme/templates/region/region.html.twig
@@ -0,0 +1,5 @@
+{% if content %}
+  <div>
+    {{ content }}
+  </div>
+{% endif %}
diff --git a/themes/stanford_profile_theme/yarn.lock b/themes/stanford_profile_theme/yarn.lock
new file mode 100644
index 000000000..ba98b64a1
--- /dev/null
+++ b/themes/stanford_profile_theme/yarn.lock
@@ -0,0 +1,454 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+"@nodelib/fs.scandir@2.1.5":
+  version "2.1.5"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz#7619c2eb21b25483f6d167548b4cfd5a7488c3d5"
+  integrity sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==
+  dependencies:
+    "@nodelib/fs.stat" "2.0.5"
+    run-parallel "^1.1.9"
+
+"@nodelib/fs.stat@2.0.5", "@nodelib/fs.stat@^2.0.2":
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz#5bd262af94e9d25bd1e71b05deed44876a222e8b"
+  integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==
+
+"@nodelib/fs.walk@^1.2.3":
+  version "1.2.8"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz#e95737e8bb6746ddedf69c556953494f196fe69a"
+  integrity sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==
+  dependencies:
+    "@nodelib/fs.scandir" "2.1.5"
+    fastq "^1.6.0"
+
+"@tailwindcss/aspect-ratio@^0.2.0":
+  version "0.2.2"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/aspect-ratio/-/aspect-ratio-0.2.2.tgz#68819ac65bc91c1833fec1f4af5cc3bfb3f25922"
+  integrity sha512-yjvYH1qKQapYUVz0rCRAQ29KlKuiDsWJF/0d24lpTPWtTKBimcKWHiAMjZOILbnRd25PogILsbOyFFVOjFd6Ow==
+
+"@tailwindcss/forms@^0.3.2":
+  version "0.3.4"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/forms/-/forms-0.3.4.tgz#e4939dc16450eccf4fd2029770096f38cbb556d4"
+  integrity sha512-vlAoBifNJUkagB+PAdW4aHMe4pKmSLroH398UPgIogBFc91D2VlHUxe4pjxQhiJl0Nfw53sHSJSQBSTQBZP3vA==
+  dependencies:
+    mini-svg-data-uri "^1.2.3"
+
+"@tailwindcss/forms@^0.4.0-alpha.2":
+  version "0.4.0-alpha.2"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/forms/-/forms-0.4.0-alpha.2.tgz#2c7bc5052de5f6226b5c242147e3a8a84c9aa147"
+  integrity sha512-bpo7CkwffVgMZLDMATLZgIcLZZ5PUNwR+nzrJLTbXCG90XReubO8I21HMSQt7Eq2uM9k6+FheZStWKtE4L5N4Q==
+  dependencies:
+    mini-svg-data-uri "^1.2.3"
+
+acorn-node@^1.6.1:
+  version "1.8.2"
+  resolved "https://registry.yarnpkg.com/acorn-node/-/acorn-node-1.8.2.tgz#114c95d64539e53dede23de8b9d96df7c7ae2af8"
+  integrity sha512-8mt+fslDufLYntIoPAaIMUe/lrbrehIiwmR3t2k9LljIzoigEPF27eLk2hy8zSGzmR/ogr7zbRKINMo1u0yh5A==
+  dependencies:
+    acorn "^7.0.0"
+    acorn-walk "^7.0.0"
+    xtend "^4.0.2"
+
+acorn-walk@^7.0.0:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-7.2.0.tgz#0de889a601203909b0fbe07b8938dc21d2e967bc"
+  integrity sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==
+
+acorn@^7.0.0:
+  version "7.4.1"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa"
+  integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==
+
+anymatch@~3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.2.tgz#c0557c096af32f106198f4f4e2a383537e378716"
+  integrity sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==
+  dependencies:
+    normalize-path "^3.0.0"
+    picomatch "^2.0.4"
+
+arg@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/arg/-/arg-5.0.1.tgz#eb0c9a8f77786cad2af8ff2b862899842d7b6adb"
+  integrity sha512-e0hDa9H2Z9AwFkk2qDlwhoMYE4eToKarchkQHovNdLTCYMHZHeRjI71crOh+dio4K6u1IcwubQqo79Ga4CyAQA==
+
+binary-extensions@^2.0.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.2.0.tgz#75f502eeaf9ffde42fc98829645be4ea76bd9e2d"
+  integrity sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==
+
+braces@^3.0.2, braces@~3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.2.tgz#3454e1a462ee8d599e236df336cd9ea4f8afe107"
+  integrity sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==
+  dependencies:
+    fill-range "^7.0.1"
+
+camelcase-css@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/camelcase-css/-/camelcase-css-2.0.1.tgz#ee978f6947914cc30c6b44741b6ed1df7f043fd5"
+  integrity sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==
+
+chokidar@^3.5.3:
+  version "3.5.3"
+  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.5.3.tgz#1cf37c8707b932bd1af1ae22c0432e2acd1903bd"
+  integrity sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==
+  dependencies:
+    anymatch "~3.1.2"
+    braces "~3.0.2"
+    glob-parent "~5.1.2"
+    is-binary-path "~2.1.0"
+    is-glob "~4.0.1"
+    normalize-path "~3.0.0"
+    readdirp "~3.6.0"
+  optionalDependencies:
+    fsevents "~2.3.2"
+
+color-name@^1.1.4:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
+  integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
+
+cssesc@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
+  integrity sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==
+
+decanter@^7.0.0-beta.2:
+  version "7.0.0-beta.2"
+  resolved "https://registry.yarnpkg.com/decanter/-/decanter-7.0.0-beta.2.tgz#14b9ff44d3d09bf0b48a64b5f4684ecc583f9031"
+  integrity sha512-D064uUi1Q4FU8DJg0Vino7NOBoxvGDUSUp1c31o12sHSBUABzXUFrnFoiCZQZ5NtFNZ64/gRisn98BjHKbUHDA==
+  dependencies:
+    "@tailwindcss/aspect-ratio" "^0.2.0"
+    "@tailwindcss/forms" "^0.3.2"
+    tailwindcss-interaction-variants "^5.0.0"
+
+defined@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/defined/-/defined-1.0.0.tgz#c98d9bcef75674188e110969151199e39b1fa693"
+  integrity sha1-yY2bzvdWdBiOEQlpFRGZ45sfppM=
+
+detective@^5.2.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/detective/-/detective-5.2.0.tgz#feb2a77e85b904ecdea459ad897cc90a99bd2a7b"
+  integrity sha512-6SsIx+nUUbuK0EthKjv0zrdnajCCXVYGmbYYiYjFVpzcjwEs/JMDZ8tPRG29J/HhN56t3GJp2cGSWDRjjot8Pg==
+  dependencies:
+    acorn-node "^1.6.1"
+    defined "^1.0.0"
+    minimist "^1.1.1"
+
+didyoumean@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/didyoumean/-/didyoumean-1.2.2.tgz#989346ffe9e839b4555ecf5666edea0d3e8ad037"
+  integrity sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==
+
+dlv@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/dlv/-/dlv-1.1.3.tgz#5c198a8a11453596e751494d49874bc7732f2e79"
+  integrity sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==
+
+fast-glob@^3.2.11:
+  version "3.2.11"
+  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.11.tgz#a1172ad95ceb8a16e20caa5c5e56480e5129c1d9"
+  integrity sha512-xrO3+1bxSo3ZVHAnqzyuewYT6aMFHRAd4Kcs92MAonjwQZLsK9d0SF1IyQ3k5PoirxTW0Oe/RqFgMQ6TcNE5Ew==
+  dependencies:
+    "@nodelib/fs.stat" "^2.0.2"
+    "@nodelib/fs.walk" "^1.2.3"
+    glob-parent "^5.1.2"
+    merge2 "^1.3.0"
+    micromatch "^4.0.4"
+
+fastq@^1.6.0:
+  version "1.13.0"
+  resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.13.0.tgz#616760f88a7526bdfc596b7cab8c18938c36b98c"
+  integrity sha512-YpkpUnK8od0o1hmeSc7UUs/eB/vIPWJYjKck2QKIzAf71Vm1AAQ3EbuZB3g2JIy+pg+ERD0vqI79KyZiB2e2Nw==
+  dependencies:
+    reusify "^1.0.4"
+
+fill-range@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.0.1.tgz#1919a6a7c75fe38b2c7c77e5198535da9acdda40"
+  integrity sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==
+  dependencies:
+    to-regex-range "^5.0.1"
+
+fsevents@~2.3.2:
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.2.tgz#8a526f78b8fdf4623b709e0b975c52c24c02fd1a"
+  integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==
+
+function-bind@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d"
+  integrity sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==
+
+glob-parent@^5.1.2, glob-parent@~5.1.2:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
+  integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
+  dependencies:
+    is-glob "^4.0.1"
+
+glob-parent@^6.0.2:
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-6.0.2.tgz#6d237d99083950c79290f24c7642a3de9a28f9e3"
+  integrity sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==
+  dependencies:
+    is-glob "^4.0.3"
+
+has@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/has/-/has-1.0.3.tgz#722d7cbfc1f6aa8241f16dd814e011e1f41e8796"
+  integrity sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==
+  dependencies:
+    function-bind "^1.1.1"
+
+is-binary-path@~2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-2.1.0.tgz#ea1f7f3b80f064236e83470f86c09c254fb45b09"
+  integrity sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==
+  dependencies:
+    binary-extensions "^2.0.0"
+
+is-core-module@^2.8.1:
+  version "2.8.1"
+  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.8.1.tgz#f59fdfca701d5879d0a6b100a40aa1560ce27211"
+  integrity sha512-SdNCUs284hr40hFTFP6l0IfZ/RSrMXF3qgoRHd3/79unUTvrFO/JoXwkGm+5J/Oe3E/b5GsnG330uUNgRpu1PA==
+  dependencies:
+    has "^1.0.3"
+
+is-extglob@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
+  integrity sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=
+
+is-glob@^4.0.1, is-glob@^4.0.3, is-glob@~4.0.1:
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.3.tgz#64f61e42cbbb2eec2071a9dac0b28ba1e65d5084"
+  integrity sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==
+  dependencies:
+    is-extglob "^2.1.1"
+
+is-number@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
+  integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
+
+lilconfig@^2.0.5:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-2.0.5.tgz#19e57fd06ccc3848fd1891655b5a447092225b25"
+  integrity sha512-xaYmXZtTHPAw5m+xLN8ab9C+3a8YmV3asNSPOATITbtwrfbwaLJj8h66H1WMIpALCkqsIzK3h7oQ+PdX+LQ9Eg==
+
+lodash@^4.17.19:
+  version "4.17.21"
+  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
+  integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
+
+merge2@^1.3.0:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
+  integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
+
+micromatch@^4.0.4:
+  version "4.0.5"
+  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.5.tgz#bc8999a7cbbf77cdc89f132f6e467051b49090c6"
+  integrity sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==
+  dependencies:
+    braces "^3.0.2"
+    picomatch "^2.3.1"
+
+mini-svg-data-uri@^1.2.3:
+  version "1.4.4"
+  resolved "https://registry.yarnpkg.com/mini-svg-data-uri/-/mini-svg-data-uri-1.4.4.tgz#8ab0aabcdf8c29ad5693ca595af19dd2ead09939"
+  integrity sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg==
+
+minimist@^1.1.1:
+  version "1.2.6"
+  resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.6.tgz#8637a5b759ea0d6e98702cfb3a9283323c93af44"
+  integrity sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q==
+
+nanoid@^3.3.1:
+  version "3.3.2"
+  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.2.tgz#c89622fafb4381cd221421c69ec58547a1eec557"
+  integrity sha512-CuHBogktKwpm5g2sRgv83jEy2ijFzBwMoYA60orPDR7ynsLijJDqgsi4RDGj3OJpy3Ieb+LYwiRmIOGyytgITA==
+
+normalize-path@^3.0.0, normalize-path@~3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65"
+  integrity sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==
+
+object-hash@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/object-hash/-/object-hash-3.0.0.tgz#73f97f753e7baffc0e2cc9d6e079079744ac82e9"
+  integrity sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==
+
+path-parse@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
+  integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
+
+picocolors@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
+  integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==
+
+picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.3.1:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
+  integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
+
+postcss-js@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-js/-/postcss-js-4.0.0.tgz#31db79889531b80dc7bc9b0ad283e418dce0ac00"
+  integrity sha512-77QESFBwgX4irogGVPgQ5s07vLvFqWr228qZY+w6lW599cRlK/HmnlivnnVUxkjHnCu4J16PDMHcH+e+2HbvTQ==
+  dependencies:
+    camelcase-css "^2.0.1"
+
+postcss-load-config@^3.1.4:
+  version "3.1.4"
+  resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-3.1.4.tgz#1ab2571faf84bb078877e1d07905eabe9ebda855"
+  integrity sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==
+  dependencies:
+    lilconfig "^2.0.5"
+    yaml "^1.10.2"
+
+postcss-nested@5.0.6:
+  version "5.0.6"
+  resolved "https://registry.yarnpkg.com/postcss-nested/-/postcss-nested-5.0.6.tgz#466343f7fc8d3d46af3e7dba3fcd47d052a945bc"
+  integrity sha512-rKqm2Fk0KbA8Vt3AdGN0FB9OBOMDVajMG6ZCf/GoHgdxUJ4sBFp0A/uMIRm+MJUdo33YXEtjqIz8u7DAp8B7DA==
+  dependencies:
+    postcss-selector-parser "^6.0.6"
+
+postcss-selector-parser@^6.0.10, postcss-selector-parser@^6.0.2, postcss-selector-parser@^6.0.6:
+  version "6.0.10"
+  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz#79b61e2c0d1bfc2602d549e11d0876256f8df88d"
+  integrity sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==
+  dependencies:
+    cssesc "^3.0.0"
+    util-deprecate "^1.0.2"
+
+postcss-value-parser@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
+  integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
+
+postcss@^8.4.12:
+  version "8.4.12"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.12.tgz#1e7de78733b28970fa4743f7da6f3763648b1905"
+  integrity sha512-lg6eITwYe9v6Hr5CncVbK70SoioNQIq81nsaG86ev5hAidQvmOeETBqs7jm43K2F5/Ley3ytDtriImV6TpNiSg==
+  dependencies:
+    nanoid "^3.3.1"
+    picocolors "^1.0.0"
+    source-map-js "^1.0.2"
+
+queue-microtask@^1.2.2:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
+  integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==
+
+quick-lru@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/quick-lru/-/quick-lru-5.1.1.tgz#366493e6b3e42a3a6885e2e99d18f80fb7a8c932"
+  integrity sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==
+
+readdirp@~3.6.0:
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.6.0.tgz#74a370bd857116e245b29cc97340cd431a02a6c7"
+  integrity sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==
+  dependencies:
+    picomatch "^2.2.1"
+
+resolve@^1.22.0:
+  version "1.22.0"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.0.tgz#5e0b8c67c15df57a89bdbabe603a002f21731198"
+  integrity sha512-Hhtrw0nLeSrFQ7phPp4OOcVjLPIeMnRlr5mcnVuMe7M/7eBn98A3hmFRLoFo3DLZkivSYwhRUJTyPyWAk56WLw==
+  dependencies:
+    is-core-module "^2.8.1"
+    path-parse "^1.0.7"
+    supports-preserve-symlinks-flag "^1.0.0"
+
+reusify@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76"
+  integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==
+
+run-parallel@^1.1.9:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.2.0.tgz#66d1368da7bdf921eb9d95bd1a9229e7f21a43ee"
+  integrity sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==
+  dependencies:
+    queue-microtask "^1.2.2"
+
+source-map-js@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c"
+  integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
+
+supports-preserve-symlinks-flag@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09"
+  integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
+
+tailwindcss-debug-screens@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/tailwindcss-debug-screens/-/tailwindcss-debug-screens-2.2.1.tgz#8dd0854a273daa4f30f4c383370872c6bca337cd"
+  integrity sha512-EMyA0CYBzqcZJHtVDvBfmYzfx3NxuK4qDyVO5wnzcGOrmJsv25D9xPpWefVTORTvhE6pCh90Z1WYnLUKsg3yMw==
+
+tailwindcss-interaction-variants@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/tailwindcss-interaction-variants/-/tailwindcss-interaction-variants-5.0.0.tgz#8e0825dfa4b2a81804cbae536915e48a85e96580"
+  integrity sha512-Tmx9HjwuNA3G7cLUcebGkNchKkNVIZXBroxa0LBoq/KUb/xEKEM8qugUG7QczSNPhaZzpXmo3IzPkRhf4tDaOQ==
+  dependencies:
+    lodash "^4.17.19"
+    postcss-selector-parser "^6.0.2"
+
+tailwindcss@^3.0.24:
+  version "3.0.24"
+  resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-3.0.24.tgz#22e31e801a44a78a1d9a81ecc52e13b69d85704d"
+  integrity sha512-H3uMmZNWzG6aqmg9q07ZIRNIawoiEcNFKDfL+YzOPuPsXuDXxJxB9icqzLgdzKNwjG3SAro2h9SYav8ewXNgig==
+  dependencies:
+    arg "^5.0.1"
+    chokidar "^3.5.3"
+    color-name "^1.1.4"
+    detective "^5.2.0"
+    didyoumean "^1.2.2"
+    dlv "^1.1.3"
+    fast-glob "^3.2.11"
+    glob-parent "^6.0.2"
+    is-glob "^4.0.3"
+    lilconfig "^2.0.5"
+    normalize-path "^3.0.0"
+    object-hash "^3.0.0"
+    picocolors "^1.0.0"
+    postcss "^8.4.12"
+    postcss-js "^4.0.0"
+    postcss-load-config "^3.1.4"
+    postcss-nested "5.0.6"
+    postcss-selector-parser "^6.0.10"
+    postcss-value-parser "^4.2.0"
+    quick-lru "^5.1.1"
+    resolve "^1.22.0"
+
+to-regex-range@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4"
+  integrity sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==
+  dependencies:
+    is-number "^7.0.0"
+
+util-deprecate@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
+  integrity sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=
+
+xtend@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.2.tgz#bb72779f5fa465186b1f438f674fa347fdb5db54"
+  integrity sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==
+
+yaml@^1.10.2:
+  version "1.10.2"
+  resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.2.tgz#2301c5ffbf12b467de8da2333a459e29e7920e4b"
+  integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==