-
Notifications
You must be signed in to change notification settings - Fork 3
Expand file tree
/
Copy pathindex.html
More file actions
137 lines (126 loc) · 6.85 KB
/
Copy pathindex.html
File metadata and controls
137 lines (126 loc) · 6.85 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Design -isms — Visual Reference Board</title>
<!-- data-sot:index-description:start --><meta name="description" content="49개 디자인 ism의 시각적 레퍼런스 보드. Minimalism부터 AI Slop 진단까지."><!-- data-sot:index-description:end -->
<link rel="icon" type="image/svg+xml" href="./favicon.svg">
<link rel="preconnect" href="https://cdn.jsdelivr.net">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./assets/css/style.css?v=20260715-export">
<link rel="stylesheet" href="./assets/css/theme-atlas.css?v=20260715-export">
<link rel="stylesheet" href="./assets/css/nav.css?v=20260715-export">
<link rel="stylesheet" href="./assets/css/app-crosslinks.css?v=20260718-encyc">
<link rel="stylesheet" href="./assets/css/export.css?v=20260715-export">
<link rel="stylesheet" href="./assets/css/finder.css?v=20260715-export">
<link rel="stylesheet" href="./assets/css/runtime-states.css?v=20260717-complete">
</head>
<body class="is-loading">
<a class="skip-link" href="#main-content">본문으로 건너뛰기</a>
<div class="loading-overlay" id="loading-overlay">
<div class="loading-inner">
<div class="loading-logo"><img src="./assets/icons/atlas-mark.svg" alt="" aria-hidden="true" width="22" height="22"></div>
<div class="loading-text">Design -isms</div>
<div class="loading-bar"><div class="loading-bar-fill"></div></div>
</div>
</div>
<header class="site-header">
<div class="header-inner">
<a class="logo logo-link" href="./index.html" aria-label="Design -isms home">
<div class="logo-sketch"><img src="./assets/icons/atlas-mark.svg" alt="" aria-hidden="true" width="14" height="14"></div>
Design -isms
</a>
<nav class="header-right" aria-label="Primary navigation">
<a class="nav-link" data-nav-axis="isms" href="./index.html" aria-current="page">Isms</a>
<div class="nav-dropdown" data-nav-axis="catalog">
<button class="nav-link nav-dropdown-trigger" type="button" data-catalog-trigger aria-expanded="false" aria-controls="catalog-nav-list">Catalog <span class="nav-dropdown-caret" aria-hidden="true">▾</span></button>
<ul class="nav-dropdown-list" id="catalog-nav-list" role="list">
<li><a href="./effects.html" data-catalog-target="effects">Effects</a></li>
<li><a href="./color.html" data-catalog-target="color">Color</a></li>
<li><a href="./typography.html" data-catalog-target="typography">Typography</a></li>
<li><a href="./layout.html" data-catalog-target="layout">Layout</a></li>
<li><a href="./motion.html" data-catalog-target="motion">Motion</a></li>
</ul>
</div>
<a class="nav-link" data-nav-axis="faq" href="./faq.html">FAQ</a>
<a class="nav-link nav-link--external" data-nav-axis="github" href="https://github.com/lidge-jun/design-isms" target="_blank" rel="noopener">
GitHub <span aria-hidden="true">↗</span>
</a>
<button class="lang-toggle" data-nav-axis="lang" id="lang-toggle" type="button" aria-label="언어 전환 / Switch language">
<span class="lang-option" data-lang="ko">한</span>
<span class="lang-divider" aria-hidden="true">/</span>
<span class="lang-option" data-lang="en">EN</span>
</button>
<!-- data-sot:index-nav-count:start --><span class="header-count" data-nav-axis="count">49 isms</span><!-- data-sot:index-nav-count:end -->
</nav>
</div>
</header>
<main id="main-content">
<dialog class="finder-dialog" id="finder-dialog" aria-labelledby="style-finder-title">
<div class="finder-dialog-inner">
<div class="finder-dialog-header">
<div>
<p class="atlas-kicker">Decision aid · 03 questions</p>
<h2 id="style-finder-title">Find a visual direction</h2>
</div>
<button class="finder-dialog-close" id="finder-dialog-close" type="button" aria-label="Close">×</button>
</div>
<div id="style-finder-mount"></div>
</div>
</dialog>
<section class="catalog-entry" aria-labelledby="catalog-entry-title">
<div class="catalog-entry-copy">
<p class="atlas-kicker">Explore the encyclopedia</p>
<h2 id="catalog-entry-title">구현 레퍼런스 탐색</h2>
<p>효과, 색상, 타이포그래피, 레이아웃과 모션을 주제별로 살펴보세요.</p>
</div>
<nav class="catalog-entry-links" aria-label="디자인 카탈로그">
<a href="./effects.html">Effects</a>
<a href="./color.html">Color</a>
<a href="./typography.html">Typography</a>
<a href="./layout.html">Layout</a>
<a href="./motion.html">Motion</a>
</nav>
</section>
<div class="filter-bar" id="catalog">
<div class="filter-row">
<button class="finder-trigger" id="finder-trigger" type="button">Find a style</button><button class="filter-btn active" data-keyword="all">All</button>
<input type="text" class="search-input" placeholder="Search isms...">
</div>
</div>
<div class="grid-container">
<div class="masonry" id="masonry"></div>
</div>
</main>
<footer class="site-footer">
<span>Design -isms Reference Board</span>
<span>Images generated with GPT Image 2</span>
</footer>
<div class="lightbox" id="lightbox" role="dialog" aria-modal="true" aria-label="이미지 확대 보기" aria-hidden="true" tabindex="-1">
<button class="lightbox-close" aria-label="Close">✕</button>
<img src="" alt="Enlarged view">
</div>
<div class="modal-overlay" id="modal-overlay" aria-hidden="true">
<div class="modal-container" id="ism-modal-dialog" role="dialog" aria-modal="true" aria-labelledby="ism-modal-title" tabindex="-1">
<button class="modal-close" aria-label="Close">✕</button>
<div class="modal-scroll" id="modal-content"></div>
<div class="modal-guide-panel" id="guide-panel"></div>
</div>
</div>
<div class="toast" id="toast" role="status" aria-live="polite"></div>
<button class="scroll-top" aria-label="Scroll to top">
<svg viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"/></svg>
</button>
<script src="./assets/js/app-dialog.js?v=20260717-production"></script>
<script src="./assets/js/app-runtime.js?v=20260717-complete"></script>
<script src="./assets/js/nav-dropdown.js?v=20260718-encyc"></script>
<script src="./assets/js/app-crosslinks.js?v=20260718-encyc"></script>
<script src="./assets/js/app-guides.js?v=20260717-production"></script>
<script src="./assets/js/app-export.js?v=20260717-production"></script>
<script src="./assets/js/finder.js?v=20260717-production"></script>
<script src="./assets/js/app.js?v=20260717-production"></script>
</body>
</html>