1.6 KiB
1.6 KiB
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