Mojo Motion - 자동 자위기구

기술 구성

Searchanise 퀵뷰 및 위시리스트 버튼을 위해 세심하게 제작된 UI 개선 기능입니다. FB Prestige 미학과 조화롭게 어울리며 접근성이 뛰어나고 아름답게 정렬되도록 설계되었습니다.

이것은 손에 쥐는 제품이 아닙니다. 사이트의 검색 경험을 다른 모든 것만큼 세련되게 만드는 정밀한 CSS 조정 세트입니다. 더 부드럽고 자신감 있는 브라우징 흐름 뒤에 있는 보이지 않는 아키텍처라고 생각하세요.

• 퀵뷰 선명도: 더 강한 그림자와 약간 더 큰 크기의 흰색 원형 버튼. 호버 상태에서도 읽기 쉽게 유지됩니다(핑크 워시 없음).
• 아이콘 무결성: 눈 아이콘이 SVG를 통해 깔끔하게 렌더링되며, 적절한 정렬과 텍스트 혼잡이 없습니다.
• 오른쪽 여백 조화: 퀵뷰와 위시리스트 버튼이 시각적 균형을 위해 동일한 수평 앵커 포인트를 공유합니다.
• 위시리스트 재배치: 퀵뷰 버튼을 피하고 겹침을 방지하면서 오른쪽 정렬을 유지하기 위해 46px 아래로 이동했습니다.
• 모달 버튼 스타일링: 퀵뷰 모달 내부의 핑크색 알약 버튼은 FB 브랜드 가이드라인(Poppins 글꼴, 둥근 모서리, 일관된 호버 동작)을 따릅니다.
• 패치 포함: 새로운 CTA 버튼에서 의도하지 않은 눈 아이콘 상속을 방지하여 레이블과 아이콘 표시를 그대로 유지합니다.

기본 Searchanise 카드 버튼이 너무 작고 희미하며 위시리스트 하트와 잘 맞지 않는다고 느꼈기 때문에 이것을 만들었습니다. 이 코드는 그것들을 하나의 시각적 패밀리로 통합합니다: 자신감 있고 선명하며 모바일에서 쉽게 탭할 수 있습니다.

호버 상태는 거슬리지 않으면서 반응하도록 조정되었습니다. 그림자는 상호작용을 알리기에 충분히 짙어지지만 버튼은 흰색으로 유지됩니다. 가독성이 중요하기 때문입니다. 특히 누군가 탐색 모드에 있을 때 말이죠.