Initial commit

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

CLAUDE.md

@@ -0,0 +1,35 @@
+# CLAUDE.md
+
+This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
+
+## Project Overview
+
+Static portfolio website for **Studio Sample**, a Tokyo-based design and front-end studio. Three HTML files with embedded CSS and minimal vanilla JavaScript — intentionally zero frameworks, zero build tooling.
+
+## Architecture
+
+- **Pure static HTML/CSS/JS** — no package manager, no bundler, no preprocessor
+- All styles are embedded in each HTML file's `<style>` tag (no external stylesheets)
+- Responsive design via CSS Grid, Flexbox, and `clamp()` for fluid typography
+- The only JavaScript is a filter button toggle on `works.html` (~10 lines, lines 539–548)
+
+### Pages
+
+| File | Purpose |
+|---|---|
+| `index.html` | Homepage: hero, features, works preview, process, about, news, contact form |
+| `services.html` | Services, pricing tiers (¥150K / ¥380K / custom), FAQ |
+| `works.html` | Portfolio grid with category filter (All / Branding / Web / Print / Identity) |
+
+## Development
+
+Open any `.html` file directly in a browser — no build step or local server required. For live reload, any static file server works (e.g. `python3 -m http.server`).
+
+There are no tests, linters, or CI pipelines.
+
+## Style Conventions
+
+- Color palette: `#e53935` (red accent), `#111111` (primary text), `#f7f7f7` / `#ffffff` (backgrounds)
+- Typography: system font stack (`-apple-system`, `Segoe UI`, `Noto Sans TC/JP`)
+- Responsive breakpoints follow a mobile-first pattern; `clamp()` handles fluid type scaling
+- Content is bilingual Traditional Chinese + English throughout