diff --git a/static/js/st/components/staves.jsx b/static/js/st/components/staves.jsx
index 7496254a..aa298cfc 100644
--- a/static/js/st/components/staves.jsx
+++ b/static/js/st/components/staves.jsx
@@ -189,6 +189,16 @@ export class FStaff extends Staff {
   }
 }
 
+export class F8Staff extends Staff {
+  static defaultProps = {
+    keySignatureCenter: "F3",
+    upperRow: 26,
+    lowerRow: 18,
+    cleffImage: "/static/svg/clefs.F_change.svg",
+    staffClass: "f8_staff",
+  }
+}
+
 export class GrandStaff extends React.Component {
   constructor(props) {
     super(props)
diff --git a/static/js/st/data.jsx b/static/js/st/data.jsx
index c0116832..15fc7ebc 100644
--- a/static/js/st/data.jsx
+++ b/static/js/st/data.jsx
@@ -62,6 +62,17 @@ export const STAVES = [
       />
     },
   },
+  {
+    mode: "notes",
+    name: "upright",
+    range: ["C2", "E4"],
+    render: function(props=this.state) {
+      return <F8Staff
+        ref={(staff) => this.staff = staff}
+        {...props}
+      />
+    },
+  },
   {
     mode: "notes",
     name: "grand",