addressing their tasks clearly, placing calls to action up front and center. Highlight your app’s key and new features in context at the appropriate place

So now that you know what you can’t edit, that means everything else is free game, right? Almost. All the remaining modules are grouped into sections of 8 modules. These groups (which I will call “bytes” from now on) fit together in the gray area like a jigsaw puzzle:

The three large squares highlighted in red are the position markers. These tell the scanner where the edges of the code are. The smaller red square is an alignment marker. This acts as a reference point for the scanner, making sure everything lines up properly. In bigger codes, there are several of these squares. The red strips of alternating black and white modules are called timing patterns. They define the positioning of the rows and columns. The green sections determine the format. This tells the scanner whether it’s a website, text message, Chinese symbols, numbers, or any combination of these. The modules highlighted in blue represent the version number. Basically, the more modules in the code, the higher the version (up to v40, which is 177×177 modules). If the code is version 6 or smaller, the version does not need to be defined here because the scanner can literally count the modules and determine the version on its own.