사이트 다크 옵시디언 리디자인 + 디자인 감사 폴리시 (redesign/design-taste/high-end 스킬 적용) — 병행 세션의 리디자인(옵시디언 서피스 사다리·머신드 더블베젤·플루이드 아일랜드 내비·히어로 스트림 시뮬레이터·모바일 드로어)을 기반으로 감사 교정: 아이브로우 배급(페이지당 7→1, 장식 점 제거), em대시 전소거(타이틀 3종), 히어로 규율(헤드라인 2줄·서브텍스트 20단어 이내·신뢰 마이크로스트립 제거·CTA 라벨 다운로드/사용 안내로 의도별 단일화), 3등분 카드 파이프라인을 단일 베젤 레일(헤어라인 분할+아이콘 배지)로 재구성, 과장 카피 완화(100%·1초·평균1~3초·초고속), 시뮬레이터에 예시 화면 캡션 명시, 모바일 가로 오버플로 수정(그리드 min-width:0 — 긴 mono URL 이 열 최소폭을 밀던 실결함), OG 메타 3종·skip-link·focus-visible 링·브랜드 404 추가 — 데스크톱 1440/모바일 390 스크린샷 검증, scrollWidth==viewport 확인, 재배포 완료
This commit is contained in:
parent
02995f4153
commit
9c9d9cb024
7 changed files with 2482 additions and 510 deletions
38
site/404.html
Normal file
38
site/404.html
Normal file
|
|
@ -0,0 +1,38 @@
|
|||
<!doctype html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>페이지를 찾을 수 없습니다 - MEDIABROWSER</title>
|
||||
<meta name="robots" content="noindex">
|
||||
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect width='100' height='100' rx='24' fill='%233b82f6'/><path d='M50 22v36M36 44l14 14 14-14M28 74h44' stroke='white' stroke-width='9' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg>">
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/wanteddev/wanted-sans@v1.0.3/packages/wanted-sans/fonts/webfonts/variable/split/WantedSansVariable.min.css">
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="ambient-lighting" aria-hidden="true">
|
||||
<div class="ambient-spotlight"></div>
|
||||
<div class="ambient-grid"></div>
|
||||
</div>
|
||||
|
||||
<main class="wrap" style="min-height:100dvh;display:grid;place-items:center;padding:48px 0">
|
||||
<div class="bezel-shell" style="max-width:520px;width:100%">
|
||||
<div class="bezel-inner" style="padding:56px 40px;text-align:center">
|
||||
<div class="text-mono" style="font-size:0.85rem;color:var(--text-muted)">404</div>
|
||||
<h1 style="font-size:clamp(1.8rem,4vw,2.4rem);margin-top:10px">여기엔 아무것도 없네요</h1>
|
||||
<p style="margin-top:14px;color:var(--text-secondary)">주소가 바뀌었거나 잘못 입력된 것 같습니다.
|
||||
찾으시는 건 아마 아래에 있을 거예요.</p>
|
||||
<div style="display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px">
|
||||
<a class="btn btn--primary" href="/">
|
||||
<span>홈으로</span>
|
||||
<span class="btn__icon-badge"><svg class="icon" aria-hidden="true"><use href="assets/icons.svg#arrow-up-right"/></svg></span>
|
||||
</a>
|
||||
<a class="btn btn--ghost" href="/releases.html"><span>다운로드</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue