diff --git a/src/App.vue b/src/App.vue
index d879ed0..767ab39 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,10 @@
-<script setup lang="ts"></script>
+<template>
+  <div class="min-h-screen flex flex-col">
+    <StaHeader />
+    <main class="grow px-6 py-10 max-w-4xl mx-auto w-full"></main>
+  </div>
+</template>
 
-<template></template>
-
-<style scoped></style>
+<script setup lang="ts">
+import StaHeader from './components/StaHeader.vue';
+</script>
diff --git a/src/components/StaHeader.vue b/src/components/StaHeader.vue
new file mode 100644
index 0000000..2d579e5
--- /dev/null
+++ b/src/components/StaHeader.vue
@@ -0,0 +1,13 @@
+<template>
+  <header
+    class="sticky top-0 z-10 bg-background-900 border-b border-background-900 shadow-sm px-6 py-4"
+  >
+    <nav class="flex items-center justify-between max-w-4xl mx-auto">
+      <span class="font-heading text-lg"> STA </span>
+    </nav>
+  </header>
+</template>
+
+<script setup lang="ts"></script>
+
+<style lang="less"></style>