Details.so, 세계 최고 웹사이트의 디테일을 모아 AI에 연결하다
Details.so는 히어로 섹션, 푸터, 페이지 전환, 프리로더 등 실제 프로덕션 사이트에서 손으로 선별한 마이크로 인터랙션을 주간 업데이트로 제공하는 웹 디자인 영감 라이브러리다. 전체 페이지 스크린샷 대신 특정 디테일별로 태깅해 필터로 바로 찾을 수 있으며, Vault에서는 실제 전환·버튼·섹션을 붙여넣기 가능한 코드로 제공한다. MCP를 통해 AI에 연결해 영감을 탐색하고 프로젝트에 적용할 수 있다.
좋은 웹사이트는 한 번에 하나의 디테일로 만들어진다. 목표는 보이는 것을 그대로 베끼는 게 아니라, 눈을 훈련해 더 나은 아이디어를 더 빨리 찾고, 다음 프로젝트를 시작할 때 더 강한 디자인 결정을 내리는 것이다.
- darnfish
이 사이트들은 모두 각자 독립적으로 만들어졌는데도, 전체적으로 보면 마치 한 팀이 다 디자인한 것처럼 느껴진다. 바로 이게 현대 디자인 엔지니어링의 문제다. X에서의 집단 사고는 정말 미쳐 돌아가고, 내가 진정 독창적이라고 인정하고 존경하는 소프트웨어 아티스트는 손에 꼽을 정도다.
한 업계가 도대체 얼마나 많은 연한 회색의, 완전히 둥근 버튼에 산세리프 폰트를 얹고 호버 시 어두워지는 걸 만들어낼 수 있는 걸까? 스크롤 효과는 또 얼마나 많이 만들어야 만족할까? 나는 업계에서 실험이 더 많아지길 바란다. 안타깝게도 여기서 AI가 도움이 되기보다는 해가 될 것 같다.
- theokrueger
진정한 "세계 최고의 웹사이트"는 JS 없이도 정적 콘텐츠를 성능 좋고 반응형으로 표시하면서 baseline을 제대로 준수하는 사이트다.
- Gualdrapo
"미니멀"하고 "우아한" 웹사이트를 모아 보여주는 이런 종류의 사이트들은, 너무 유행을 따르려다 보니 다 비슷비슷하게 보이는 웹사이트들이 모여 있는 곳일 뿐이라고 느낀다. 여기 소개된 사이트 중 절반 이상은 Framer 템플릿으로 만든 게 분명하다.
예를 들어 deadsimplesites.com, "웹에서 가장 미니멀한 사이트들을 한곳에 모아 큐레이션했다"는 곳인데, 대부분 거의 똑같이 생겼고 자세히 보면 대부분 그냥 같은 Framer 템플릿에 데이터만 다르게 채워 넣은 것에 불과하다. 그리고 놀랍게도, 그 "웹에서 가장 미니멀한 사이트들"이 전부 프로덕트 디자이너들의 개인 웹사이트라는 점이다...