Teclado feito com graphviz, usarei futuramente ainda provavelmente

teclado.gv

digraph hierarchy {
    rankdir=TB; // direção de baixo para o topo
    node[shape=record,style=filled,fillcolor=gray95];
    edge[arrowhead=none,style="invis"]

        // 🌟 ❤️ 🔥 ⚡️ 🔒 ⚙️
        l1[label = <
        {
            normal mode
                |
            {
                {<B>tab     </B>|🔥}
                |{<B>q</B>|⚙️}
                |{<B>w</B>|⚙️}
                |{<B>e</B>|⚙️}
                |{<B>r</B>|-}
                |{<B>t</B>|⚙️}
                |{<B>y</B>|⚙️}
                |{<B>u</B>|⚙️}
                |{<B>i</B>|⚙️}
                |{<B>o</B>|⚙️}
                |{<B>p</B>|⚙️}
                |{<B>'`</B>|⚙️}
                |{<B>\{ [ ª</B>|⚙️⚙️}
            }
            |
            {
                {<B>capslock</B>}
                |{<B>a</B>|⚙️}
                |{<B>s</B>|⚙️}
                |{<B>d</B>|⚙️}
                |{<B>f</B>|⚙️}
                |{<B>g</B>|⚙️}
                |{<B>h</B>|⚙️}
                |{<B>j</B>|⚙️}
                |{<B>k</B>|⚙️}
                |{<B>l</B>|⚙️}
                |{<B>ç</B>}
                |{<B>~^</B>|⚙️}
                |{<B>\} ] º</B>|⚙️⚙️}
            }
            |
            {
                {<B>shift   </B>}
                |{<B>\\ \|</B>|}
                |{<B>z</B>|⚙️}
                |{<B>x</B>|⚙️}
                |{<B>c</B>|⚙️}
                |{<B>v</B>|⚙️}
                |{<B>b</B>|⚙️}
                |{<B>n</B>|⚙️}
                |{<B>m</B>|⚙️}
                |{<B>,</B>|⚙️}
                |{<B>.</B>|⚙️}
                |{<B>; :</B>|⚙️⚙️}
                |{<B>/ ? °</B>|⚙️⚙️-}
            }
        }
    >];
}