# 2026-02-18 Session Log

## Lobster Website (ClawPilot Rebrand)

**URL:** https://curiousendeavor.com/lobster/

### Product Positioning
- **Product name:** Lobster (not ClawPilot on the site)
- **Core concept:** Your OpenClaw agent joins your meetings as a real participant
- **Key differentiator:** "You already have an OpenClaw agent. Now it can join your meetings."
- **Tone:** Dry wit, playful but professional

### Site Structure Built
1. **Hero:** Blue background + fuzzy lobster + "MEET LOBSTER" text with parallax
2. **Section 1:** "He's surprisingly good at this" - OpenClaw positioning + Get Started CTA
3. **Section 2:** "He Shows Up" - Your agent joins meetings
4. **Vibe break:** Shrimp cocktail image with caption "Let's go get a shrimp cocktail after work"
5. **Section 3:** "He's All Ears" - Real-time listening
6. **Section 4:** "Surprisingly Efficient" - Tasks while you talk
7. **Section 5:** "He Remembers Everything" - Context continuity
8. **Section 6:** CTA

### Design System
- **Typography:** New Spirit (titles, regular weight), Inter (body, 16px)
- **Colors:** 
  - Body/headings: #1D5578 (deep blue)
  - Button: #E63900 (deep orange/OpenClaw red)
  - Hero text: white
- **Grid:** 6-column, 25px gutter
- **Images:** 6px border-radius

### Key Images Created/Used
- `lobster-hero.png` - Front-facing fuzzy lobster (blue bg)
- `surprisingly-good.png` - Modern office meeting scene
- `shows-up.png` - Video call grid with lobster
- `vibe-shrimp.png` - Lobster offering rose to secretary (wide)
- `all-ears.png` - Lobster with glasses writing (flipped left)
- `efficient.png` - Design office with lobster and charts

### Supporting Files
- `/lobster/styleguide.html` - Full typography + color + component guide
- `/lobster/taste.html` - Visual reference board with mascot-driven sites
- `/lobster/refs.html` - Detailed reference analysis

### Methodology Channel Created
Discord #methodology channel with threads:
- Strategy
- Visual Research  
- Tone of Voice
- Competition
- Photography
- Design Directions

## Key Decisions
- Em-dashes removed throughout (Assaf preference)
- Sections use consistent 6-column grid
- Images flip via CSS or Gemini regeneration as needed
- Button hugs content (align-items: flex-start on text-col)
- Vertical spacing reduced to ~75px between sections