diff --git a/frontend/src/views/DesignSystemsView.vue b/frontend/src/views/DesignSystemsView.vue
index f62ece5..12725c1 100644
--- a/frontend/src/views/DesignSystemsView.vue
+++ b/frontend/src/views/DesignSystemsView.vue
@@ -254,6 +254,8 @@ const showAddToken = ref(false);
 const tokenName = ref("");
 const tokenGroup = ref("");
 const tokenPurpose = ref("");
+/** Why the token is this value — a different question from what it is for. */
+const tokenRationale = ref("");
 /** Mode/value pairs, edited as a list so a token can carry any number of modes. */
 const tokenModes = ref<{ mode: string; value: string }[]>([{ mode: "base", value: "" }]);
 /** Literals this token should be written instead of, comma-separated in the