test(eval): add interview behavior eval harness
This commit is contained in:
parent
6805fb2be7
commit
c4aade92fc
16 changed files with 1773 additions and 0 deletions
20
build/eval/interview/fixtures/s6-design-md/design.md
Normal file
20
build/eval/interview/fixtures/s6-design-md/design.md
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
# 꽃집 온라인 스토어 design.md
|
||||
|
||||
## 톤
|
||||
따뜻하고 부드러운 톤. 자연스러운 색감과 손글씨 느낌의 포인트 서체를 쓴다.
|
||||
|
||||
## 토큰
|
||||
- `--color-bg`: #fdf6f0
|
||||
- `--color-surface`: #ffffff
|
||||
- `--color-text`: #2e2620
|
||||
- `--color-accent`: #d97757
|
||||
- `--color-accent-hover`: #d97757
|
||||
- `--font-family`: "Pretendard", system-ui, sans-serif
|
||||
- `--radius-base`: 12px
|
||||
|
||||
## 브랜드
|
||||
- 업종: 동네 꽃집 온라인 주문 사이트
|
||||
- 로고: 텍스트 워드마크
|
||||
|
||||
## 히어로
|
||||
히어로 섹션에 "지금 주문하기" CTA 버튼이 있다. hover 시 `--color-accent-hover`를 그대로 써서 hover 상태가 기본 상태와 색이 거의 같다.
|
||||
48
build/eval/interview/fixtures/s6-design-md/index.html
Normal file
48
build/eval/interview/fixtures/s6-design-md/index.html
Normal file
|
|
@ -0,0 +1,48 @@
|
|||
<!doctype html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>동네 꽃집 — 온라인 주문</title>
|
||||
<style>
|
||||
:root {
|
||||
--color-bg: #fdf6f0;
|
||||
--color-surface: #ffffff;
|
||||
--color-text: #2e2620;
|
||||
--color-accent: #d97757;
|
||||
--color-accent-hover: #d97757;
|
||||
--font-family: "Pretendard", system-ui, sans-serif;
|
||||
--radius-base: 12px;
|
||||
}
|
||||
body {
|
||||
margin: 0;
|
||||
background: var(--color-bg);
|
||||
color: var(--color-text);
|
||||
font-family: var(--font-family);
|
||||
}
|
||||
.hero {
|
||||
padding: 96px 24px;
|
||||
text-align: center;
|
||||
}
|
||||
.hero h1 { font-size: 2.75rem; margin: 0 0 16px; }
|
||||
.cta {
|
||||
display: inline-block;
|
||||
margin-top: 24px;
|
||||
padding: 14px 28px;
|
||||
background: var(--color-accent);
|
||||
color: #fff;
|
||||
border-radius: var(--radius-base);
|
||||
text-decoration: none;
|
||||
font-weight: 600;
|
||||
}
|
||||
.cta:hover {
|
||||
background: var(--color-accent-hover);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<section class="hero">
|
||||
<h1>오늘의 꽃, 오늘 배달</h1>
|
||||
<a class="cta" href="#order">지금 주문하기</a>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue