Это называется Мокап (mockup), создается как любое другое изображение в фотошопе с использованием смарт-объектов для последующей легкой замены изображений в мокапе
Красная - думаю нужно все таки выровнять их на один уровень;
Синяя - Шрифт уплотнен слишком, думаю line-height нужно побольше, возможно кегль прям чуток понизить, цвет на мой вкус чуток побледнее сделать.
2
Думал сначала, что слишком бледный шрифт для белого фона, а сейчас же присмотрелся и вроде ничего.
3
Думаю от этих линий лучше избавиться
4
Первый символ выше, на уровень с основным текстом
5
Опять же очень плотный шрифт, я б наверно даже подумал над тем, чтоб сменить его.
По поводу шрифтов можно наверно что нибудь поизящнее выбрать, посмотрите тут примеры: TYT
Там очень неплохие примеры использования как serif так и sans-serif шрифтовых пар.