idchlife/alina-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
main
alina-website/CLAUDE.md
idchlife d6ee21c9d7 Initial commit
2026-02-05 18:09:28 +03:00

2.5 KiB
Raw Permalink Blame History

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