Keyboard Guide
A color-coded keyboard that shows which finger types each key, with hand positions and a heatmap of your own errors.
Learn proper touch typing with this interactive keyboard guide. See which finger presses each key, understand the color-coded finger mapping, and get tips for proper typing posture. Click any key or finger to see the relationship between them.
Finger Color Legend
Interactive Keyboard(click any key)
Finger Position Reference
Left Hand
Right Hand
Typing Posture Tips
Sit Up Straight
Keep your back straight and feet flat on the floor. Your screen should be at eye level.
Elbows at 90 Degrees
Keep your elbows bent at about 90 degrees. Your forearms should be roughly parallel to the floor.
Wrists Neutral
Don't bend your wrists up or down. Keep them in a neutral, flat position while typing.
Home Row Position
Rest your fingers on the home row: left hand on A-S-D-F, right hand on J-K-L-;. Feel the bumps on F and J.
Look at the Screen
Don't look at the keyboard. Train your muscle memory by watching the screen as you type.
Take Breaks
Rest your hands every 20-30 minutes. Stretch your fingers and wrists to prevent strain.
How Touch Typing Works
Touch typing means typing without looking at the keyboard. Your fingers rest on the home row (A-S-D-F for left hand, J-K-L-; for right hand) and each finger is responsible for specific keys in its column.
The F and J keys have small bumps on them so you can find the home row position without looking. This is your anchor point.
Each finger moves only within its designated column. For example, your left index finger handles 4, R, F, V and 5, T, G, B. With practice, your muscle memory will know exactly where each key is.
The color coding on this keyboard shows which finger presses each key. Practice the lessons to build speed and accuracy gradually. Start with the home row, then expand to the top row, bottom row, and finally numbers.
Related Tools
Typing Lessons
Seven lessons from the home row to speed building, with a keyboard that shows which finger to use. Progress is saved in your browser.
Typing Speed Test
Timed typing tests with WPM, accuracy, raw speed and the keys you missed. Compare with your own best.
Typing Progress
See your WPM and accuracy over your last 20 sessions, an error heatmap and 14 achievements. Saved only in this browser.
About the Keyboard Guide
?What the keyboard guide is
A visual keyboard in which each key is colored by the finger that types it in touch typing. You can click a key to see its finger, or click a finger to see all of its keys. A hand diagram shows where your fingers rest on the home row.
The guide also has posture tips and a heatmap view that colors keys by your own error rate, using the history saved in your browser. Nothing is uploaded.
→How to use the guide in 3 steps
Look at the colors
Each color is one finger. Click a key to see which finger types it.
Check the hand diagram
Click a finger to see every key it is responsible for. Your fingers rest on A S D F and J K L ;.
Switch to the heatmap
The heatmap colors the keys by your own errors. It needs some typing history first.
✓What is in the guide
Key and finger map
Click a key or a finger to see how they connect.
Hand positions
Both hands at rest on the home row.
Error heatmap
Keys colored by how often you get them wrong.
Posture tips
Short notes on sitting, arms and wrists.
★Examples
Starting out
You are learning where each finger goes.
Example:
Keep the guide open while you do the Home Row lesson.
Changing a habit
You type some keys with the wrong finger.
Example:
Check the map, then slow down and use the finger it shows.
Finding weak keys
You want to know which keys need work.
Example:
Switch to the heatmap after a few sessions and look for the warm keys.
♥Limits to know about
One layout
The map follows the common QWERTY layout.
Heatmap needs history
It is empty until you have typed in the lessons, practice or tests.
Posture notes are general
They are everyday tips, not medical advice.