Key elements could be emphasized in several ways — using a different font, altering the alignment, changing the size, etc. Although this module uses only one font family, Arial, it has been used it in different styles (different font size, italicized, etc). This module utilizes more than 15 styles with 7 colours, considering just font-size, font-weight, font-style and color as criteria, to differentiate styles.

Each dot indicates a different style.

It can be noted that there wasn’t a clear style guide to be adhered to. In most cases you wouldn’t require so many different styles. Flipkart needs a clearly defined style guide before its late, similar to what Google is doing for the Android OS.

Recommendations Module

Capitalize Headings

Smaller headings used in specifications module is great but for large headings the readability is harder.

Section Marks

Sections are visually separated from each other by section breaks, and on the web it’s mostly white space or a border and sometimes by the other section’s heading. Assuming each of the product in the above module as one section, the whitespace isn’t enough and the grey divider is’nt serving any purpose. It’s good at the micro level hierarchy as the reader starts reading the price first. It’s not clear if the intent is to capture attention towards the product price first and then the product name.

Consistency

Flipkart must standardize how “Off percentage” and “Discount” would look, in terms of colour and style at micro and macro levels.

Section headings aren’t consistent as well. Often one or two variations are enough to create emphasis. Here a bold font and a line on the top with a darker colour creates the emphasis required for a heading. There’s no need to capitalise and make it less readable.

Multiple Columns vs Single

The top reviews section could also use a single column grid, so that the reviews get a better line length and make the page smaller.