diff --git a/keeb.css b/keeb.css
index 752bf2b..1384d69 100644
--- a/keeb.css
+++ b/keeb.css
@@ -83,6 +83,7 @@ text.mac {
 text.pc, text.fn {
   font-size: 12px;
 }
+text.title,
 text.shortcut {
   font-size: 10px;
 }
@@ -95,9 +96,9 @@ text.colorNum, text.borderNum,
 text.colorFun, text.borderFun,
 text.colorSym, text.borderSym,
 text.colorMod, text.borderMod,
-.thumb use.level0,
-.thumb use.level1,
-.thumb use.level2 { opacity: 1; }
+.thumb .level0,
+.thumb .level1,
+.thumb .level2 { opacity: 1; }
 /* ugly but used for manual overrides only */
 .dimmed { opacity: 0.3 !important; }
 
@@ -125,6 +126,18 @@ use.layerVim {
 [layer4="sym"] .layerSym { display: block; }
 [layer4="num"] .layerNum { display: block; }
 
+[layer3="nav"] .layerVim,
+[layer3="vim"] .layerNav { display: none !important; }
+.thumb  text.title,
+.matrix text.title,
+.key:hover        use.title,
+.thumb:hover  >   use.title,
+.specialKey:hover use.title { display: none; }
+use.title,
+.key:hover        text.title,
+.thumb:hover  >   text.title,
+.specialKey:hover text.title { display: block; }
+
 #select {
   transform: translate(70px, 280px);
 }
diff --git a/keeb.svg b/keeb.svg
index b71ada4..0d6fd37 100644
--- a/keeb.svg
+++ b/keeb.svg
@@ -9,6 +9,8 @@
       stroke-linejoin: round;
       fill: none;
     }
+    .key .alt_glyph text, .key:hover .alt_glyph path { display: none; }
+    .key .alt_glyph path, .key:hover .alt_glyph text { display: block; }
   </style>
 
   <g id="outline">
@@ -40,6 +42,11 @@
     <path class="glyph" id="glyph_shift"     d="M23,7l14,20h-7v16h-14v-16h-7l14,-20"/>
     <path class="glyph" id="glyph_caps"      d="M24,7l14,20h-7v6h-14v-6h-7l14,-20 M31,38v5h-14v-5z"/>
 
+    <g class="alt_glyph" id="alt_glyph_escape">
+      <path d="M24,24l-18-18 m0,10v-10h10 M24,6A18,18,0,1,1,6,24"/>
+      <text>esc</text>
+    </g>
+
     <!-- easy mode (no dual keys) -->
     <g id="leftThumb-ez-tucked" class="specialKey showNum">
       <rect class="colorMod"/>
@@ -50,12 +57,14 @@
       <rect class="colorMod"/>
       <text class="colorMod level0">ctrl</text>
       <text class="layerNav shortcut">fn</text>
-      <use  class="layerSym" href="#glyph_space"/>
+      <use  class="layerSym title" href="#glyph_space"/>
+      <text class="layerSym title">spc</text>
     </g>
     <g id="leftThumb-ez-reachy" class="specialKey">
       <rect class="colorMod"/>
       <text class="colorMod level0">os</text>
-      <use  class="layerSym" href="#glyph_return"/>
+      <use  class="layerSym title" href="#glyph_return"/>
+      <text class="layerSym title">enter</text>
     </g>
     <g id="leftThumb-ez-mac-tucked" class="specialKey showNum">
       <rect class="colorMod"/>
@@ -66,12 +75,14 @@
       <rect class="colorMod"/>
       <text class="colorMod level0">⌘</text>
       <text class="layerNav shortcut">fn</text>
-      <use  class="layerSym" href="#glyph_space"/>
+      <use  class="layerSym title" href="#glyph_space"/>
+      <text class="layerSym title">spc</text>
     </g>
     <g id="leftThumb-ez-mac-reachy" class="specialKey">
       <rect class="colorMod"/>
       <text class="colorMod level0">⌥</text>
-      <use  class="layerSym" href="#glyph_return"/>
+      <use  class="layerSym title" href="#glyph_return"/>
+      <text class="layerSym title">enter</text>
     </g>
     <g id="rightThumb-ez-reachy" class="thumb showNav">
       <rect class="colorNav"/>
@@ -79,7 +90,8 @@
     </g>
     <g id="rightThumb-ez-comfy"  class="thumb">
       <rect/>
-      <use  class="level0" href="#glyph_space"/>
+      <use  class="level0 title" href="#glyph_space"/>
+      <text class="level0 title">space</text>
     </g>
     <g id="rightThumb-ez-tucked" class="thumb showSym">
       <rect class="colorSym"/>
@@ -134,16 +146,20 @@
       <rect/>
       <rect class="colorMod sticky"/>
       <text class="colorMod sticky pc">shift</text>
-      <use  class="layerVim" href="#glyph_caps"/>
+      <use  class="layerVim title" href="#glyph_caps"/>
+      <text class="layerVim title">caps</text>
       <text class="layerSym shortcut">num</text>
     </g>
     <g id="leftThumb-tt-comfy"   class="thumb showFun">
       <rect/>
       <rect class="holdTap colorMod"/>
       <text class="level1  colorMod pc">ctrl</text>
-      <use  class="level2"   href="#glyph_backspace"/>
-      <use  class="layerNav" href="#glyph_delete"/>
-      <use  class="layerSym" href="#glyph_space"/>
+      <use  class="level2   title" href="#glyph_backspace"/>
+      <text class="level2   title">b.spc</text>
+      <use  class="layerNav title" href="#glyph_delete"/>
+      <text class="layerNav title">del</text>
+      <use  class="layerSym title" href="#glyph_space"/>
+      <text class="layerSym title">spc</text>
     </g>
     <g id="leftThumb-tt-reachy"  class="thumb">
       <rect/>
@@ -151,15 +167,19 @@
       <text class="level1  colorMod pc">os</text>
       <use  class="level2"   href="#glyph_tab"/>
       <use  class="layerNav" href="#glyph_btab"/>
-      <use  class="layerSym" href="#glyph_return"/>
+      <use  class="layerSym title" href="#glyph_return"/>
+      <text class="layerSym title">enter</text>
     </g>
     <g id="leftThumb-tt-mac-comfy"   class="thumb showFun">
       <rect/>
       <rect class="holdTap colorMod"/>
       <text class="level1  colorMod mac">⌘</text>
-      <use  class="level2"   href="#glyph_backspace"/>
-      <use  class="layerNav" href="#glyph_delete"/>
-      <use  class="layerSym" href="#glyph_space"/>
+      <use  class="level2   title" href="#glyph_backspace"/>
+      <text class="level2   title">b.spc</text>
+      <use  class="layerNav title" href="#glyph_delete"/>
+      <text class="layerNav title">del</text>
+      <use  class="layerSym title" href="#glyph_space"/>
+      <text class="layerSym title">spc</text>
     </g>
     <g id="leftThumb-tt-mac-reachy"  class="thumb">
       <rect/>
@@ -167,25 +187,29 @@
       <text class="level1  colorMod mac">⌥</text>
       <use  class="level2"   href="#glyph_tab"/>
       <use  class="layerNav" href="#glyph_btab"/>
-      <use  class="layerSym" href="#glyph_return"/>
+      <use  class="layerSym title" href="#glyph_return"/>
+      <text class="layerSym title">enter</text>
     </g>
     <g id="rightThumb-tt-mac-reachy" class="thumb">
       <rect/>
       <rect class="holdTap colorMod"/>
       <text class="level1  colorMod mac">⌃</text>
-      <use  class="level2" href="#glyph_return"/>
+      <use  class="level2 title" href="#glyph_return"/>
+      <text class="level2 title">enter</text>
     </g>
     <g id="rightThumb-tt-reachy" class="thumb">
       <rect/>
       <rect class="holdTap colorMod"/>
       <text class="level1  colorMod pc">alt</text>
-      <use  class="level2" href="#glyph_return"/>
+      <use  class="level2 title" href="#glyph_return"/>
+      <text class="level2 title">enter</text>
     </g>
     <g id="rightThumb-tt-comfy"  class="thumb showNav">
       <rect/>
       <rect class="holdTap borderNav tap-pref"/>
       <text class="level1  borderNav pc">nav</text>
-      <use  class="level2" href="#glyph_space"/>
+      <use  class="level2 title" href="#glyph_space"/>
+      <text class="level2 title">spc</text>
     </g>
     <g id="rightThumb-tt-tucked" class="thumb showSym">
       <rect/>
@@ -251,8 +275,10 @@
               <rect/>
               <rect class="holdTap colorMod"/>
               <text class="level1  colorMod pc">os</text>
-              <use  class="level2"   href="#glyph_escape"/>
-              <use  class="layerSym" href="#glyph_return"/>
+              <use  class="level2   title" href="#glyph_escape"/>
+              <text class="level2   title">esc</text>
+              <use  class="layerSym title" href="#glyph_return"/>
+              <text class="layerSym title">enter</text>
             </g>
           </g>
         </g>
@@ -268,8 +294,10 @@
               <rect/>
               <rect class="holdTap colorMod"/>
               <text class="level1  colorMod mac">⌥</text>
-              <use  class="level2"   href="#glyph_escape"/>
-              <use  class="layerSym" href="#glyph_return"/>
+              <use  class="level2   title" href="#glyph_escape"/>
+              <text class="level2   title">esc</text>
+              <use  class="layerSym title" href="#glyph_return"/>
+              <text class="layerSym title">enter</text>
             </g>
           </g>
         </g>
@@ -283,29 +311,37 @@
       <rect/>
       <rect class="holdTap colorNav"/>
       <text class="level1  colorNav pc">nav</text>
-      <use  class="level2"   href="#glyph_backspace"/>
-      <use  class="layerNav" href="#glyph_delete"/>
-      <use  class="layerSym" href="#glyph_space"/>
+      <use  class="level2   title" href="#glyph_backspace"/>
+      <text class="level2   title">b.spc</text>
+      <use  class="layerNav title" href="#glyph_delete"/>
+      <text class="layerNav title">del</text>
+      <use  class="layerSym title" href="#glyph_space"/>
+      <text class="layerSym title">spc</text>
     </g>
     <g id="leftThumb-hrm-reachy"  class="thumb showFun">
       <rect/>
       <rect class="holdTap colorFun"/>
       <text class="level1  colorFun pc">fn</text>
-      <use  class="level2"   href="#glyph_tab"/>
-      <use  class="layerNav" href="#glyph_btab"/>
-      <use  class="layerSym" href="#glyph_return"/>
+      <use  class="level2   title" href="#glyph_tab"/>
+      <text class="level2   title">tab</text>
+      <use  class="layerNav title" href="#glyph_btab"/>
+      <text class="layerNav title">s-tab</text>
+      <use  class="layerSym title" href="#glyph_return"/>
+      <text class="layerSym title">enter</text>
     </g>
     <g id="rightThumb-hrm-reachy" class="thumb showFun">
       <rect/>
       <rect class="holdTap colorFun"/>
       <text class="level1  colorFun pc">fn</text>
-      <use  class="level2" href="#glyph_return"/>
+      <use  class="level2 title" href="#glyph_return"/>
+      <text class="level2 title">enter</text>
     </g>
     <g id="rightThumb-hrm-comfy"  class="thumb toggleNavFun">
       <rect/>
       <rect class="holdTap borderNav tap-pref"/>
       <text class="level1  borderNav pc">nav</text>
-      <use  class="level2" href="#glyph_space"/>
+      <use  class="level2 title" href="#glyph_space"/>
+      <text class="level2 title">spc</text>
       <text class="layerNav shortcut">fn</text>
     </g>
 
@@ -344,8 +380,10 @@
               <rect/>
               <rect class="holdTap colorNum"/>
               <text class="level1  colorNum shortcut">num</text>
-              <use  class="level2"   href="#glyph_escape"/>
-              <use  class="layerSym" href="#glyph_return"/>
+              <use  class="level2   title" href="#glyph_escape"/>
+              <text class="level2   title">esc</text>
+              <use  class="layerSym title" href="#glyph_return"/>
+              <text class="layerSym title">enter</text>
             </g>
           </g>
         </g>
@@ -361,7 +399,8 @@
               <rect/>
               <rect class="holdTap colorNum"/>
               <text class="level1  colorNum shortcut">num</text>
-              <use  class="level2" href="#glyph_return"/>
+              <use  class="level2 title" href="#glyph_return"/>
+              <text class="level2 title">enter</text>
             </g>
           </g>
         </g>
@@ -375,10 +414,13 @@
           <g class="key">
             <rect/>
             <rect class="holdTap colorMod"/>
-            <text class="level1 colorMod pc">shift</text>
-            <use  class="level2"   href="#glyph_tab"/>
-            <use  class="layerNav" href="#glyph_btab"/>
-            <use  class="layerSym" href="#glyph_caps"/>
+            <text class="level1  colorMod pc">shift</text>
+            <use  class="level2   title" href="#glyph_tab"/>
+            <text class="level2   title">tab</text>
+            <use  class="layerNav title" href="#glyph_btab"/>
+            <text class="layerNav title">s-tab</text>
+            <use  class="layerSym title" href="#glyph_caps"/>
+            <text class="layerSym title">caps</text>
           </g>
           <g class="reachy thumb">
             <use href="#leftThumb-hrm-comfy"/>
@@ -393,7 +435,8 @@
             <rect/>
             <rect class="holdTap colorSym"/>
             <text class="level1  colorSym pc">sym</text>
-            <use  class="level2" href="#glyph_return"/>
+            <use  class="level2 title" href="#glyph_return"/>
+            <text class="level2 title">enter</text>
             <text class="layerNav shortcut">altgr</text>
           </g>
           <g class="reachy thumb">
@@ -411,7 +454,8 @@
             <rect/>
             <rect class="holdTap colorMod"/>
             <text class="level1  colorMod pc">shift</text>
-            <use  class="level2" href="#glyph_escape"/>
+            <use  class="level2 title" href="#glyph_escape"/>
+            <text class="level2 title">esc</text>
             <text class="layerSym shortcut">num</text>
           </g>
           <g class="reachy thumb">
@@ -427,7 +471,8 @@
             <rect/>
             <rect class="holdTap colorSym"/>
             <text class="level1  colorSym pc">sym</text>
-            <use  class="level2" href="#glyph_return"/>
+            <use  class="level2 title" href="#glyph_return"/>
+            <text class="level2 title">enter</text>
             <text class="layerNav shortcut">altgr</text>
           </g>
           <g class="reachy thumb">
@@ -435,7 +480,8 @@
               <rect/>
               <rect class="holdTap borderNum tap-pref"/>
               <text class="level1  borderNum shortcut">num</text>
-              <use  class="level2" href="#glyph_space"/>
+              <use  class="level2 title" href="#glyph_space"/>
+              <text class="level2 title">spc</text>
               <text class="layerNav shortcut ">fn</text>
             </g>
           </g>
@@ -454,15 +500,18 @@
       <g class="col6">
         <g class="specialKey top">
           <rect/>
-          <use class="level0" href="#glyph_tab"/>
+          <use  class="level0 title" href="#glyph_tab"/>
+          <text class="level0 title">tab</text>
         </g>
         <g class="specialKey home">
           <rect/>
-          <use class="level0" href="#glyph_caps"/>
+          <use  class="level0 title" href="#glyph_caps"/>
+          <text class="level0 title">caps</text>
         </g>
         <g class="specialKey bottom">
           <rect/>
-          <use class="level0" href="#glyph_shift"/>
+          <use  class="level0 title" href="#glyph_shift"/>
+          <text class="level0 title">shift</text>
         </g>
       </g>
 
@@ -478,7 +527,8 @@
             <text class="level2">Q</text>
             <text class="layerSym">^</text>
             <text class="layerNum">!</text>
-            <use  class="layerNav" href="#glyph_escape"/>
+            <use  class="layerNav title" href="#glyph_escape"/>
+            <text class="layerNav title">esc</text>
             <text class="layerVim"></text>
             <text class="layerFun fn">F1</text>
           </g>
@@ -512,7 +562,8 @@
               <text class="level2">W</text>
               <text class="layerSym">&lt;</text>
               <text class="layerNum">@</text>
-              <use  class="layerNav" href="#glyph_home"/>
+              <use  class="layerNav title" href="#glyph_home"/>
+              <text class="layerNav title">home</text>
               <text class="layerVim shortcut">close</text>
               <text class="layerFun fn">F2</text>
             </g>
@@ -551,7 +602,8 @@
                 <text class="layerSym">&gt;</text>
                 <text class="layerNum">#</text>
                 <use  class="layerNav" href="#glyph_up"/>
-                <use  class="layerVim" href="#glyph_prev"/>
+                <use  class="layerVim title" href="#glyph_prev"/>
+                <text class="layerVim title">prev.</text>
                 <text class="layerFun fn">F3</text>
               </g>
               <g id="KeyD" class="key home dual">
@@ -565,7 +617,8 @@
                 <text class="layerSym">)</text>
                 <text class="layerNum">3</text>
                 <use  class="layerNav" href="#glyph_down"/>
-                <use  class="layerVim" href="#glyph_btab"/>
+                <use  class="layerVim title" href="#glyph_btab"/>
+                <text class="layerVim title">s-tab</text>
                 <text class="layerFun fn">F7</text>
               </g>
               <g id="KeyC" class="key bottom">
@@ -588,8 +641,10 @@
                   <text class="level2">R</text>
                   <text class="layerSym">$</text>
                   <text class="layerNum">$</text>
-                  <use  class="layerNav" href="#glyph_end"/>
-                  <use  class="layerVim" href="#glyph_next"/>
+                  <use  class="layerNav title" href="#glyph_end"/>
+                  <text class="layerNav title">end</text>
+                  <use  class="layerVim title" href="#glyph_next"/>
+                  <text class="layerVim title">next</text>
                   <text class="layerFun fn">F4</text>
                 </g>
                 <g id="KeyF" class="key home dual">
@@ -603,7 +658,8 @@
                   <text class="layerSym">}</text>
                   <text class="layerNum">4</text>
                   <use  class="layerNav" href="#glyph_right"/>
-                  <use  class="layerVim" href="#glyph_tab"/>
+                  <use  class="layerVim title" href="#glyph_tab"/>
+                  <text class="layerVim title">tab</text>
                   <text class="layerFun fn">F8</text>
                 </g>
                 <g id="KeyV" class="key bottom">
@@ -628,7 +684,8 @@
                     <text class="level2">T</text>
                     <text class="layerSym">%</text>
                     <text class="layerNum">%</text>
-                    <use  class="layerNav" href="#glyph_pgup"/>
+                    <use  class="layerNav title" href="#glyph_pgup"/>
+                    <text class="layerNav title">pg.up</text>
                     <text class="layerVim"></text>
                   </g>
                   <g id="KeyG" class="key home">
@@ -637,7 +694,8 @@
                     <text class="level2">G</text>
                     <text class="layerSym"> = </text>
                     <text class="layerNum">5</text>
-                    <use  class="layerNav" href="#glyph_pgdown"/>
+                    <use  class="layerNav title" href="#glyph_pgdown"/>
+                    <text class="layerNav title">pg.dn</text>
                     <text class="layerVim"></text>
                   </g>
                   <g id="KeyB" class="key bottom">
@@ -671,15 +729,18 @@
       <g class="col6">
         <g class="specialKey top">
           <rect/>
-          <use class="level0" href="#glyph_backspace"/>
+          <use  class="level0 title" href="#glyph_backspace"/>
+          <text class="level0 title">bk.space</text>
         </g>
         <g class="specialKey home">
           <rect/>
-          <use class="level0" href="#glyph_return"/>
+          <use  class="level0 title" href="#glyph_return"/>
+          <text class="level0 title">enter</text>
         </g>
         <g class="specialKey bottom">
           <rect/>
-          <use class="level0" href="#glyph_shift"/>
+          <use  class="level0 title" href="#glyph_shift"/>
+          <text class="level0 title">shift</text>
         </g>
       </g>
 
@@ -727,7 +788,8 @@
               <text class="layerSym">'</text>
               <text class="layerNum">#</text>
               <text class="layerNav">9</text>
-              <use class="layerVim" href="#glyph_end"/>
+              <use  class="layerVim title" href="#glyph_end"/>
+              <text class="layerVim title">end</text>
               <text class="layerFun shortcut">bri+</text>
             </g>
             <g id="KeyL" class="key home dual">
@@ -765,7 +827,8 @@
                 <text class="layerSym">*</text>
                 <text class="layerNum">*</text>
                 <text class="layerNav">8</text>
-                <use  class="layerVim" href="#glyph_pgup"/>
+                <use  class="layerVim title" href="#glyph_pgup"/>
+                <text class="layerVim title">pg.up</text>
                 <text class="layerFun shortcut">vol+</text>
               </g>
               <g id="KeyK" class="key home dual">
@@ -803,7 +866,8 @@
                   <text class="layerSym">&amp;</text>
                   <text class="layerNum">&amp;</text>
                   <text class="layerNav">7</text>
-                  <use  class="layerVim" href="#glyph_pgdown"/>
+                  <use  class="layerVim title" href="#glyph_pgdown"/>
+                  <text class="layerVim title">pg.dn</text>
                   <text class="layerFun shortcut">next</text>
                 </g>
                 <g id="KeyJ" class="key home dual">
@@ -841,7 +905,8 @@
                     <text class="level2">Y</text>
                     <text class="layerSym">@</text>
                     <text class="layerNum">^</text>
-                    <use  class="layerVim" href="#glyph_home"/>
+                    <use  class="layerVim title" href="#glyph_home"/>
+                    <text class="layerVim title">home</text>
                   </g>
                   <g id="KeyH" class="key home">
                     <rect/>