Initial commit

CLAUDE.md

@@ -0,0 +1,55 @@
+# CLAUDE.md
+
+This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
+
+## Project Overview
+
+A brutalist editorial landing page for Alina Mamut, a brand strategy and creative consulting professional. The site is a premium magazine-style single-page website showcasing four service offerings, with content primarily in Russian.
+
+**Status**: Pre-development — only `PLANNING.md` (content + design specs) and `design-spec.jpg` (visual spec) exist. No framework or build tooling has been chosen yet.
+
+## Design System
+
+Strict visual identity — do not deviate from these values.
+
+**Typography**:
+- Headlines: **Druk Wide Bold** (tight line-height ~0.9)
+- Body: **Inter Regular** only — no medium/bold weights for body text
+- Desktop: H1 48px/40px, H2 31px/30px, H3 24px/20px, Body 16px/18px, Caption 16px/44px
+- Mobile: H1 32px/40px, H2 34px/30px, H3 20px/80px, Body 16px/14px, Caption 14px/12px
+
+**Color palette** (flat only — no gradients, shadows, or cards):
+| Name | Hex |
+|------|-----|
+| Blue | `#007DDA` |
+| Warm White | `#E7F2EA` |
+| Stone Grey | `#FCC3C3` |
+| Ink Black | `#BD5E24` |
+| Oxide Red | `#FB9322` |
+
+**Grid**:
+- Desktop: 12 columns, 1200px container, 1424px max-width, 32px gutters
+- Mobile: 4 columns, 20px margins
+- Vertical spacing between sections: 160–220px
+
+**Design don'ts**: No phone mockups, no SaaS/startup patterns, no subscription-style UI, no shadowed text, no icons, pills, or card components.
+
+## Page Structure (5 Screens)
+
+1. **Hero** — Massive left-aligned headline (~7 cols), smartphone mockup center-right (~4 cols), small editorial annotations with thin hairline connectors, primary CTA
+2. **Manifest** — Asymmetric layout, large text block (5 cols), opposite side mostly empty with small caption
+3. **Journal Preview** — Large image breaking grid (~7 cols), offset text block (~4 cols), oversized faded number in background
+4. **Selected Cases** — Dark background, 2×2 editorial image tiles (6 cols each), overlapping titles
+5. **Access/FAQ** — Editorial accordion (8 cols centered), numbered thin rows, one-at-a-time expand behavior
+
+**Header**: Minimal sticky nav — wordmark left, text anchors right. Buttons: rectangular, 2–4px border-radius.
+
+## Content
+
+All service descriptions and UI copy are in Russian (see `PLANNING.md` for full text). Four service sections expand via accordion:
+1. Creative & strategy consultations
+2. Brand platform development
+3. Communication strategies
+4. Special projects & creative concepts
+
+CTA directs to Telegram: @alinamamut