Ten kompaktowy wyróżniony blok z recenzją przedstawia opinie klientów wraz z informacjami o produkcie w przejrzystym, łatwym do szybkiego przeglądania formacie.
Układ wyróżnionego bloku z recenzją
Projekt wykorzystuje poziomy układ flex z sekcją okrągłego awatara po lewej stronie i kolumną treści po prawej. Oba obszary są wyrównane w pionie, a odstęp między nimi wynosi 20px. Wewnętrzne odstępy i dolne obramowanie wizualnie oddzielają recenzję od otaczającej treści strony.
W oryginalnym układzie obszar awatara ma wymiary 75 na 75 pikseli i okrągły kształt. Po jego prawej stronie znajduje się kolumna treści zawierająca ocenę recenzji, pisemną opinię i informacje o autorze.
Struktura treści recenzji
- Rząd gwiazdek przedstawiający ocenę klienta
- Osobny blok na treść recenzji
- Kursywna linia z informacjami o autorze i opcjonalnym oznaczeniem weryfikacji
Taki układ pozwala zwięźle przedstawić ocenę klienta, zachowując jednocześnie wyraźne powiązanie między informacjami o recenzencie a towarzyszącymi im informacjami o produkcie.