다크 모드에 가장 적합한 디자인 스타일
좋은 다크 모드는 밝은 테마의 색을 뒤집은 것이 아닙니다. 처음부터 어두운 화면을 위해 설계되어, 층이 있는 짙은 검정 팔레트로 깊이를 만들고 글자와 대비를 가독성에 맞추며 강조색은 눈을 피로하게 하지 않으면서 빛납니다. Curio의 아래 다크 스타일은 모두 AI가 MCP 또는 DESIGN.md 다운로드로 적용할 수 있는 완전한 시스템입니다.
좋은 다크 스타일의 조건
잘 만든 다크 스타일에는 공통점이 있습니다. 여러 층의 짙은 검정과 회색으로 평평한 암흑 대신 깊이를 만들고, 순백색의 거친 눈부심 없이 읽히도록 텍스트 대비를 조정하며, 어두운 바탕에서 빛나 보이는 강조색을 고릅니다. 어려운 점은 라이트 모드와 마찬가지로 절제입니다. 가독성을 잃지 않으면서 깊이와 분위기를 만들어야 합니다.
아래의 각 스타일은 템플릿이 아니라 색상, 타이포그래피, 간격, 컴포넌트, 규칙을 갖춘 완전한 디자인 시스템입니다. 직접 편집할 필요 없이 AI에 지정하면 그 스타일로 인터페이스를 만듭니다. "What is it"에서 전체 가이드를, "View spec"에서 시스템을 확인할 수 있습니다.
The styles
-
1
Acid House Smiley (1988)
Rave energy hits first. Acid yellow on black, Anton caps, smiley glow.
-
2
Apple Fitness Rings Closed (2024)
Midnight feels exact. Magenta, green, and cyan rings lock onto OLED black.
-
3
Apple Liquid Glass 2024
Skeuomorphism, reborn for spatial. Frosted panels, specular highlights, depth as a design material.
-
4
Art Brut (Dubuffet, 1948)
Rawness crowds the frame. Mud brown, oxblood marks, and hand scrawl erase the margins.
-
5
Art Deco Jazz Age
Jazz Age glamour. Sunburst rays, stepped ziggurats, gold on black — Chrysler Building lobby in CSS.
-
6
Discord 2024
Blurple cozy. Charcoal grounds, illustrated characters — every surface says 'hang out, don't work'.
-
7
GitHub Dark
Code-first darkness. Cool-blue canvas, 1px borders, green/red diff lines.
-
8
Islamic Girih Tiles
Sacred geometry glows. Cobalt tile, turquoise stars, and gold strapwork repeat endlessly.
-
9
Jardin Majorelle Blue
Cobalt refuses restraint. Electric blue, glazed yellow and grid rhythm turn stucco into sun.
-
10
Kintsugi & Urushi Lacquer
Breakage becomes ceremony. Urushi black-brown carries gold seams and asymmetric type.
-
11
Linear 2024
Precision down to the millisecond. Near-black, indigo-violet accents, Inter Display, no decoration.
-
12
Mexican Día de Muertos (Marigold Ofrenda)
Joy outruns mourning. Marigold orange and magenta lattice blaze on velvet purple.
FAQ
처음부터 다크로 설계한 것인가요, 아니면 밝은 스타일에 다크 전환만 더한 것인가요?
모두 처음부터 어두운 화면을 위해 설계된 스타일입니다. 팔레트, 대비, 높이 체계가 다크 화면을 전제로 만들어져서 밝은 테마를 뒤집은 듯 보이지 않고 깊이와 가독성을 유지합니다.
이 스타일을 어떻게 적용하나요?
Curio의 MCP 서버를 AI 클라이언트(Claude Code, Cursor, ChatGPT 등)에 연결하고 선택한 스타일로 페이지나 앱을 만들도록 요청합니다. 또는 해당 스타일의 DESIGN.md를 다운로드해 프로젝트에 추가합니다.