사흘 이내 로스팅
주문이 모이면 그때 볶습니다. 미리 볶아 쌓아두지 않습니다.
커피 구독 브랜드 LUMA 의 같은 랜딩 한 페이지를 두 스타일 규칙으로 각각 다시 지어 나란히 놓았습니다. 콘텐츠는 같고, 규칙만 다릅니다.
4축 좌표(-2 ~ +2)를 같은 눈금 위에 겹쳐 놓았습니다. 축은 정규화하지 않습니다 — 두 점이 붙어 있으면 실제로 가까운 것입니다.
무드 4축 수치(−2에서 +2 사이): 밀도 — Dark Mode Design 0, Minimalism -2. 온도감 — Dark Mode Design -1, Minimalism 0. 시대감 — Dark Mode Design 0, Minimalism 0. 격식 — Dark Mode Design 0, Minimalism 0.
2018년 macOS Mojave의 공식 다크 모드 지원으로 급부상. iOS 13 (2019)·Android 10의 시스템 다크 모드로 표준화.
1960년대 미술 운동에서 시작. 디지털 UI에서는 스큐어모피즘에 대한 반작용으로 2010년대 주류 트렌드로 자리잡음.
야간 환경에서 눈 피로 감소. 단, 회색 텍스트 on 검은 배경 조합은 대비율 주의 필요.
높은 여백과 명확한 타이포그래피 계층이 스크린 리더에 유리. 단, 색상만으로 정보 전달하지 않도록 주의.
Dark Mode Design — 어두운 배경을 사용하여 눈의 피로를 줄이고 배터리를 절약합니다. Minimalism — "적을수록 좋다"는 철학으로, 불필요한 요소를 제거하고 본질에 집중합니다. 무드 좌표에서 가장 벌어지는 축은 밀도입니다 — Dark Mode Design 쪽은 중간 쪽에, Minimalism 쪽은 여백 쪽에 서 있습니다.
개발자 도구 · 미디어 앱 · 소셜 미디어 같은 화면이라면 Dark Mode Design 쪽이 오래 버팁니다. 반대로 포트폴리오 · 고급 브랜드 · 블로그·저널 쪽 그림이라면 Minimalism 쪽으로 기웁니다. 둘 다 걸린다면 같은 씬을 입힌 두 데모를 나란히 보고 결정하는 편이 빠릅니다.
Dark Mode Design 쪽 — 강점은 OLED 디스플레이에서 배터리 절약 · 밤이나 어두운 환경에서 눈 편함, 짚고 갈 한계는 밝은 환경에서는 오히려 가독성 저하 · 그림자 표현이 어려움입니다. Minimalism 쪽 — 강점은 시간이 지나도 낡지 않는 클래식함 · 콘텐츠 집중도 향상, 짚고 갈 한계는 지나치면 개성이 없어 보임 · 복잡한 제품 정보 전달에 부적합입니다.