A run of the vibe-matcher skill (some_claude_skills, commit 88a60e3) by SkillLift on an invented brief. The shop and the town are made up.
Vibe Matcher: Saltmere tea shop
Input
User: "Make the one-page site for my tea shop in Saltmere feel calm and welcoming, a little premium but not cold." (Domain: small independent tea shop, one page with opening hours and a short menu. Audience: locals and day visitors, general, not technical.)
Translation: "Calm + premium but not cold"
- Colors: Warm off-white (#faf9f5) + sea-sage (#7d9488) + amber accent (#b5703c) + deep tea brown text (#3d2f27)
- Typography: Elegant serif headings (Cormorant, 500) + readable sans body (Nunito, 400, 16-18px)
- Layout: One centred column, generous whitespace, hours and menu as plain lists with thin dividers, gentle curves on any buttons
- Interactions: Slow, smooth transitions (400-600ms), fade-ins, no parallax needed on a one-pager
- Rationale: Warm neutrals feel considered but welcoming, serif adds sophistication without coldness, generous spacing creates calm, slow animations support an unhurried feel. The sage nods to the sea in the town's name; amber is the colour of the tea itself and is used only for the one thing to act on (the hours).
Visual DNA
- colors.primary: #3d2f27 · secondary: #7d9488 · accent: #b5703c · neutrals: #faf9f5, #ece7dc
- typography.headings: Cormorant, 500, "Elegant, quiet, bookish" · body: Nunito, 400, 16-18px for readability
- layout.system: single centred column · spacing: generous · hierarchy: name, hours, menu, address
- interactions.speed: smooth · patterns: fade-in, hover-lift on menu rows
- moodBoard: not supplied (the skill asks for reference URLs; none were fetched in this run)