36 lines
1.6 KiB
Markdown
36 lines
1.6 KiB
Markdown
# 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
|