Насколько это получилось лендингово?

vertikal-nik, ссылка сервис вебсовместимых шрифтом Вам в помощь

Цитата ("vertikal-nik"):

о ширине если я правильно понимаю

О, мой диз...

Шрифты сами можете подключать, можете через гугл фонт, по цветам вот вам шпаргалка ссылка

и научитесь делать нормальные скрины или просто картинки сохранять так, чтобы не было соплей

Цитата ("AndreyLitovkin"):

по цветам вот вам шпаргалка

Зачем???? :o
Интернет в СНГ не застал таких мониторов, на которых надо было этого придерживаться.

По шрифтам, желательно либо стандартные, таблицы с рекомендуемыми последовательностями гуглятся, либо из гугл-фонтс, либо же, в крайнем случае, бесплатные, которые "скушает" фонт-сквирелл, так как коммерческие он не пропускает.