별점 + 인용문 + 이니셜 아바타 카드. CSS 멀티컬럼이라 카드 높이가 달라도 빈틈 없이 채워진다(JS 없는 masonry 유사). 아바타 색은 이름 해시라 SSR 안전.
붙이자마자 전환이 눈에 띄게 올라갔어요. 개발팀 리소스를 거의 안 썼는데도 랜딩 품질이 확 달라졌습니다.
디자이너 없이도 일관된 톤이 유지됩니다. 토큰 기반이라 우리 브랜드 색만 바꾸면 바로 우리 것이 돼요.
무엇보다 가볍습니다. 다른 킷은 애니메이션 켜면 모바일이 버벅였는데 여긴 그런 게 없네요.
문서보다 데모가 낫습니다. 라이브로 보고 바로 갖다 쓰면 끝이라 온보딩이 사실상 없어요.
reduced-motion까지 챙겨둔 킷은 처음 봤어요. 접근성 리뷰를 그냥 통과했습니다.
CSS 멀티컬럼이라 카드 높이가 달라도 빈틈 없이 채워집니다(JS 없음). 아바타 색은 이름 해시라 SSR/CSR이 항상 일치합니다.
다른 패턴과 이어 붙인 화면에서 이 패턴이 어떤 자리에 놓이는지 볼 수 있습니다.