Skip to content

Latest commit

ย 

History

History
46 lines (37 loc) ยท 2.98 KB

File metadata and controls

46 lines (37 loc) ยท 2.98 KB

Product

Register

brand

The design surface is the public marketing landing page (apps/web). Design IS the product here. The Rust data plane, control-plane API, and dashboard are separate product surfaces with their own conventions.

Users

๊ฐœ๋ฐœ์žยทํ”Œ๋žซํผ/๋ณด์•ˆ ์—”์ง€๋‹ˆ์–ดยท์˜คํ”ˆ์†Œ์Šค ๊ธฐ์—ฌ์žยท๊ธฐ์ˆ  ์˜์‚ฌ๊ฒฐ์ •์ž. AI ์—์ด์ „ํŠธ๋ฅผ ํ”„๋กœ๋•์…˜์—์„œ ์šด์˜ํ•˜๋ฉฐ "์—์ด์ „ํŠธ๊ฐ€ ์œ„ํ—˜ํ•œ ํ–‰๋™(ํ”„๋กœ๋•์…˜ DROP, ์‹œํฌ๋ฆฟ ์‚ญ์ œ, ๋ฐ์ดํ„ฐ ์œ ์ถœ)์„ ํ•˜๊ธฐ ์ „์— ๋ง‰๋Š” ๋ฐฉ๋ฒ•"์„ ์ฐพ๊ณ  ์žˆ๋‹ค. ๋ฐฉ๋ฌธ ๋งฅ๋ฝ: GitHubยทHNยท๊ฒ€์ƒ‰์—์„œ ์œ ์ž…๋˜์–ด 5์ดˆ ์•ˆ์— "์ด๊ฒŒ ๋ญ”์ง€"๋ฅผ ํŒ๋‹จํ•˜๊ณ  GitHubยท๋ฌธ์„œ๋กœ ๋„˜์–ด๊ฐˆ์ง€ ๊ฒฐ์ •ํ•œ๋‹ค.

Product Purpose

Honmoon์€ AI ์—์ด์ „ํŠธ์™€ ํ”„๋กœ๋•์…˜ ์‚ฌ์ด์˜ ์ •์ฑ… ๊ธฐ๋ฐ˜ ๋ฐฉํ™”๋ฒฝ ๊ฒŒ์ดํŠธ์›จ์ด๋‹ค. ๋žœ๋”ฉํŽ˜์ด์ง€์˜ ๋ชฉ์ ์€ ํ•˜๋‚˜์˜ ์Šคํฌ๋กค ๋‚ด๋Ÿฌํ‹ฐ๋ธŒ(ํžˆ์–ด๋กœ โ†’ 5๊ฐœ ์‹ค์ œ ์š”์ฒญ ํŒ์ • โ†’ ์œ„ํ˜‘ โ†’ ๋™์ž‘ ์›๋ฆฌ โ†’ ์ •์ฑ… ์—”์ง„ โ†’ ์šด์˜ ๋ชจ๋“œ โ†’ ์˜คํ”ˆ์ฝ”์–ด โ†’ CTA)๋กœ ์ œํ’ˆ ๊ฐ€์น˜๋ฅผ ์ „๋‹ฌํ•˜๊ณ  GitHubยท๋ฌธ์„œ ์ „ํ™˜์„ ์œ ๋„ํ•˜๋Š” ๊ฒƒ. ์„ฑ๊ณต์€ ๋ฐฉ๋ฌธ์ž๊ฐ€ "๊ฒฐ๊ณ„์—์„œ ์š”์ฒญ์ด ํŒ์ •๋œ๋‹ค"๋Š” ํ•ต์‹ฌ ์€์œ ๋ฅผ ์ฆ‰์‹œ ์ดํ•ดํ•˜๊ณ  CTA๋กœ ์ „ํ™˜ํ•˜๋Š” ๊ฒƒ.

Brand Personality

์ •๋ฐ€ํ•จ(precise) ยท ํ†ต์ œ๊ฐ(in-control) ยท ๊ธฐ์ˆ ์  ์ง„์ง€ํ•จ(technically serious). ๋ชฉ์†Œ๋ฆฌ๋Š” ์ฐจ๋ถ„ํ•˜๊ณ  ๋‹จ์ •์ ์ด๋ฉฐ ๊ณผ์žฅ ์—†์ด ์‹ค์ œ ๋ช…๋ น์–ด(DROP TABLE users, kubectl delete secret)๋กœ ๋งํ•œ๋‹ค. ๊ฐ์ • ๋ชฉํ‘œ: ์‹ ๋ขฐ์™€ ์•ˆ๋„("์ด์ œ ๋ง‰ํ˜€ ์žˆ๋‹ค"). ๊ฒฐ๊ณ„(barrier/membrane)๋ผ๋Š” ๊ณต๊ฐ„ ์€์œ ๊ฐ€ ๋ธŒ๋žœ๋“œ์˜ ์ค‘์‹ฌ โ€” ์š”์ฒญ์ด ๋ง‰์„ ๊ด€ํ†ตยทํŒŒ๋ฌธยทํŠ•๊น€ยทํก์ˆ˜๋˜๋Š” 3/4 ์‹œ์  ๋ฉค๋ธŒ๋ ˆ์ธ.

Anti-references

  • ์ „ํ˜•์  SaaS ๋žœ๋”ฉ(ํŒŒ์Šคํ…” ๊ทธ๋ผ๋””์–ธํŠธ, hero-metric ํ…œํ”Œ๋ฆฟ, ๋™์ผ ์นด๋“œ ๊ทธ๋ฆฌ๋“œ, ์ด๋ชจ์ง€ ์•„์ด์ฝ˜).
  • ํฌ๋ฆผ/์ƒŒ๋“œ/์›œ๋‰ดํŠธ๋Ÿด "์—๋””ํ† ๋ฆฌ์–ผ" ํ†ค โ€” ์ด ๋ธŒ๋žœ๋“œ๋Š” ๋”ฅ ์ฝ”์Šค๋ฏน ๋‹คํฌ๋‹ค.
  • ๊ณผ์žฅ๋œ ๋งˆ์ผ€ํŒ… ์นดํ”ผยท๋А๋‚Œํ‘œยท"revolutionary/game-changing" ๋ฅ˜. ์‹ค์ œ ๋ช…๋ น์–ด๋กœ ๋ณด์—ฌ์ค€๋‹ค.
  • ํ™”๋ คํ•œ bounce/elastic ๋ชจ์…˜. ๋ชจ์…˜์€ ์€์€ํ•˜๊ณ  ๋ฌผ๋ฆฌ์ (ํŒŒ๋ฌธยท๋“œ๋ฆฌํ”„ํŠธ).

Design Principles

  • Show the verdict, don't claim it. ์‹ค์ œ ์š”์ฒญ๊ณผ ์‹ค์ œ ํŒ์ •(ALLOW/MASK/DENY/PAUSE)์„ ๊ณต๊ฐ„์œผ๋กœ ๋ณด์—ฌ์ค€๋‹ค. ๋งˆ์ผ€ํŒ… ๋ฌธ์žฅ๋ณด๋‹ค ๋ช…๋ น์–ด์™€ ๊ฒฐ๊ณผ๊ฐ€ ์„ค๋“ํ•œ๋‹ค.
  • The barrier is the brand. ๋ฉค๋ธŒ๋ ˆ์ธ/๊ฒฐ๊ณ„ ์€์œ ๊ฐ€ ํžˆ์–ด๋กœ๋ถ€ํ„ฐ ์ „ ์„น์…˜์˜ ์‹œ๊ฐ ์–ธ์–ด๋ฅผ ํ†ต์ผ.
  • Calm precision over loud. ์—ฌ๋ฐฑยท๋ฆฌ๋“ฌยท์ •๋ฐ€ํ•œ ์ •๋ ฌ๋กœ "ํ†ต์ œ๋จ"์„ ์ „๋‹ฌ. ์ŠคํŽ˜์ด์‹ฑ์ด ๊ณง ํ†ค.
  • Every request is real. ๋ฐ๋ชจ ์š”์ฒญ์€ ์‹ค์ œ ์‹œ๋‚˜๋ฆฌ์˜ค(prod DROP, .env ์œ ์ถœ)์—ฌ์•ผ ํ•œ๋‹ค.
  • Open by default. ์˜คํ”ˆ์ฝ”์–ด ์ •์งํ•จ โ€” "data plane never locked".

Accessibility & Inclusion

WCAG AA ๋ชฉํ‘œ(๋ณธ๋ฌธ โ‰ฅ4.5:1, ํฐ ํ…์ŠคํŠธ โ‰ฅ3:1). ๋‹คํฌ ๋ฐฐ๊ฒฝ ์œ„ muted ํ…์ŠคํŠธ์˜ ๋Œ€๋น„๋ฅผ ํŠนํžˆ ๊ฒ€์ฆ. skip-to-content ๋งํฌ, ์„น์…˜ aria-label, ํ‚ค๋ณด๋“œ ํฌ์ปค์Šค ๋ง ์œ ์ง€. prefers-reduced-motion์€ ํ•„์ˆ˜ โ€” ๋ฉค๋ธŒ๋ ˆ์ธยท์Šคํฌ๋กค ์Šคํฌ๋ŸฝยทํŽ˜์ด๋“œ์ธ ๋ชจ๋‘ ์ •์ง€/์ •์  ๋Œ€์ฒด๋ฅผ ์ œ๊ณต.