Skip to content

Commit 90885af

Browse files
chitcommitclaude
andcommitted
Update white-label config with correct derail.me brand colors
- Changed from red/black to Charcoal/Electric Teal/Cream palette - Primary: Charcoal (#2d3436) - Accent: Electric Teal (#00d9ff) - Background: Cream (#f8f7f4) - Surface: Sand (#e8dcc4) - Aligned with existing derail.me brand identity 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
1 parent 52adf5f commit 90885af

8 files changed

Lines changed: 480 additions & 37 deletions

File tree

.chittyos/project.id

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
CHITTY-PROJECT-1759538783-a7d0160e

.gitignore

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -51,4 +51,5 @@ vite.config.ts.*
5151

5252
# Coverage
5353
coverage/
54-
*.lcov
54+
*.lcov.chittycheck/
55+
.chittycheck/

AGENTS.md

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
# Repository Guidelines
2+
3+
## Project Structure & Module Organization
4+
The repository is split into a TypeScript React client, an Express server, and shared contracts. `client/src` hosts the UI, with UI atoms and molecules in `components`, route views under `pages`, reusable hooks in `hooks`, and utilities in `lib`. The backend lives in `server`: `index.ts` bootstraps middleware, `routes/` wraps API handlers, and `streaming.ts` deals with WebSocket and RTSP relay logic. Shared schema and type definitions sit in `shared/schema.ts` and feed both layers. Deployment, sync, and setup helpers live in `scripts/`; environment knobs sit in `config/whitelabel-derail.json`, `drizzle.config.ts`, `tailwind.config.ts`, and `vite.config.ts`.
5+
6+
## Build, Test & Development Commands
7+
Install dependencies with `npm install` and start the dev server on port 5000 via `npm run dev`. Build artefacts with `npm run build` (runs `build:client` and `build:server`) and launch production with `npm run start`. Use `npm run check` for type safety, and manage Drizzle migrations through `npm run db:push`, `npm run db:generate`, and `npm run db:migrate`. Deployment helpers such as `./scripts/deploy-derail.sh full`, `./scripts/deploy-free.sh railway`, and `./scripts/verify-deployment.sh staging` cover hosted workflows.
8+
9+
## Coding Style & Naming Conventions
10+
Use two-space indentation and keep imports sorted roughly by locality, matching the existing code. Prefer double quotes in TypeScript, PascalCase for React components, camelCase for functions/variables, and kebab-case filenames within `client/src/components` and `client/src/pages`. Co-locate feature-specific styling and hooks beside their component; surface shared utilities through `client/src/lib`. No linter is configured, so mirror the current formatting and ensure `npm run check` stays clean.
11+
12+
## Testing Guidelines
13+
No automated suite exists; `npm run test` is a placeholder. Manually verify streaming, PTZ, and guest access flows and log scenarios in the PR. When adding tests, keep them beside the feature (e.g., `client/src/components/camera/__tests__/panel.test.tsx`) and update the npm scripts before merging. Focus early coverage on streaming fallbacks and auth/session paths once a runner is available.
14+
15+
## Commit & Pull Request Guidelines
16+
Follow the existing Git history: concise, imperative commit subjects (e.g., `Add white-label configuration for derail.me integration`). Reference related issues or deployment docs when relevant. PR descriptions should include context, risk assessment, validation steps (`npm run dev`, `npm run db:push`), and media for UI adjustments. Tag both frontend and backend maintainers whenever shared contracts change.
17+
18+
## Security & Configuration Tips
19+
Seed environment variables from `.env.example` and load secrets locally; never commit credentials. Validate RTSP endpoints with `./scripts/recording-manager.sh` before promoting them. Use the provided deployment scripts to keep TLS, session storage, and database URLs consistent across environments.

DERAIL-ME-BRAND-BRIEF.md

Lines changed: 360 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,360 @@
1+
# 🚂 Derail.me Brand Brief
2+
3+
## Brand Overview
4+
5+
**Brand Name**: Derail.me
6+
**Tagline**: "When life's on the wrong track, we help you derail it."
7+
**Industry**: Personal disruption, life pivoting, transformation tools
8+
**Tone**: Bold, rebellious, empowering, honest
9+
10+
---
11+
12+
## Brand Philosophy
13+
14+
### Core Concept
15+
Derail.me is for people who realize they're on the wrong track—whether in career, relationships, habits, or life direction. We provide the tools, community, and courage to deliberately derail from unfulfilling paths and build something better.
16+
17+
### Brand Mantra
18+
**"Derail with purpose. Rebuild with power."**
19+
20+
---
21+
22+
## Brand Identity
23+
24+
### Personality Traits
25+
1. **Rebellious but Responsible** - We encourage disruption, but with intention
26+
2. **Honest and Direct** - No sugar-coating; real talk about real problems
27+
3. **Empowering** - You have the power to change your track
28+
4. **Community-Driven** - You're not derailing alone
29+
5. **Action-Oriented** - Less philosophy, more practical tools
30+
31+
### Brand Voice
32+
- **Direct**: "Your job is killing you. Let's fix that."
33+
- **Empowering**: "You have permission to quit."
34+
- **Real**: "Derailing is messy. We've got tools for that."
35+
- **Bold**: "Sometimes the brave thing is to stop, not keep going."
36+
37+
---
38+
39+
## Visual Identity
40+
41+
### Color Palette
42+
43+
**Primary Colors**:
44+
- **Derail Red**: `#E63946` - Bold, attention-grabbing, stop sign energy
45+
- **Track Black**: `#1A1A2E` - Sophisticated, serious, grounding
46+
- **Freedom White**: `#F7F7FF` - Clean, fresh start, possibility
47+
48+
**Secondary Colors**:
49+
- **Pivot Purple**: `#7C3AED` - Transformation, change, new direction
50+
- **Courage Orange**: `#F77F00` - Energy, boldness, action
51+
- **Safety Green**: `#06D6A0` - Growth, healing, moving forward
52+
53+
**Accent/UI Colors**:
54+
- **Warning Yellow**: `#FFD60A` - Caution, awareness, decision points
55+
- **Info Blue**: `#3A86FF` - Clarity, information, guidance
56+
- **Muted Gray**: `#6C757D` - Supporting text, backgrounds
57+
58+
### Typography
59+
60+
**Headlines/Display**:
61+
- **Primary**: "Inter Black" or "Montserrat ExtraBold"
62+
- Bold, impactful, impossible to ignore
63+
- All caps for major statements
64+
65+
**Body Text**:
66+
- **Primary**: "Inter Regular" or "Open Sans"
67+
- Clean, readable, approachable
68+
- 16px minimum for accessibility
69+
70+
**Accent/CTAs**:
71+
- **Primary**: "Inter SemiBold"
72+
- Strong without being aggressive
73+
74+
### Logo Concepts
75+
76+
**Primary Logo**:
77+
```
78+
DERAIL.ME
79+
────╳────
80+
```
81+
- Railroad tracks with an X/break point
82+
- Simple, iconic, memorable
83+
84+
**Icon/Favicon**:
85+
- Broken track symbol (╳)
86+
- Stop sign rotated 45° (diamond shape)
87+
- Single red slash through black circle
88+
89+
### Visual Motifs
90+
- **Railroad tracks** (broken, diverging, crossing)
91+
- **Stop signs, detour signs, construction barriers**
92+
- **Arrows changing direction**
93+
- **Before/after split screens**
94+
- **Path divergence imagery**
95+
96+
---
97+
98+
## Brand Applications
99+
100+
### derail.me Platform Features
101+
102+
Since derail.me will integrate ChittyPro Streamlink (white-label) as one tool, here's how it fits:
103+
104+
**Platform Structure**:
105+
```
106+
derail.me/
107+
├── / → Main dashboard (life tracking)
108+
├── /cameras → ChittyPro Streamlink (white-label)
109+
├── /journal → Derailment journal/diary
110+
├── /community → Support forums
111+
├── /tools → Life pivot tools
112+
└── /resources → Guides, courses, mentors
113+
```
114+
115+
**ChittyPro Streamlink Integration** (white-label as "Security Cam"):
116+
- **Use Case**: "Watch yourself. Literally."
117+
- **Positioning**: Self-accountability tool for habit tracking
118+
- **Example**: Set up a camera to watch your workspace to ensure you're actually working on your pivot, not scrolling social media
119+
- **Branding**: No "ChittyPro" branding—rebranded as "Derail Security" or "Track Yourself"
120+
121+
---
122+
123+
## Messaging Framework
124+
125+
### Primary Messages
126+
127+
**For Career Derailment**:
128+
- "That promotion won't fix the fact you hate what you do."
129+
- "Six figures in a job you despise is just expensive misery."
130+
- "Your resume is a map of someone else's dreams."
131+
132+
**For Relationship Derailment**:
133+
- "You can't 'work on' fundamentally incompatible."
134+
- "Being comfortable isn't the same as being happy."
135+
- "Sometimes love isn't enough. And that's okay."
136+
137+
**For Habit Derailment**:
138+
- "You don't need more willpower. You need a different track."
139+
- "Stop trying to 'fix' yourself. Try changing your environment."
140+
- "The habit isn't the problem. The life requiring it is."
141+
142+
**For Life Direction**:
143+
- "You're not lost. You're on the wrong map."
144+
- "Midlife crisis? More like midlife clarity."
145+
- "The life you planned at 22 doesn't have to be the life you live at 42."
146+
147+
### Call-to-Actions
148+
149+
**Aggressive CTAs**:
150+
- "Derail Now"
151+
- "Start Your Exit"
152+
- "Change Tracks"
153+
- "Break Free"
154+
155+
**Softer CTAs**:
156+
- "Explore Options"
157+
- "Get Clarity"
158+
- "Find Your Path"
159+
- "Connect with Others"
160+
161+
---
162+
163+
## User Personas
164+
165+
### 1. The Burned Out Professional
166+
- **Age**: 28-45
167+
- **Situation**: Successful on paper, miserable in reality
168+
- **Need**: Permission and plan to quit high-paying unfulfilling job
169+
- **Derail Tool**: Career pivot planner, financial runway calculator
170+
171+
### 2. The Relationship Rethinking
172+
- **Age**: 25-55
173+
- **Situation**: In long-term relationship that feels wrong
174+
- **Need**: Clarity on whether to stay or go, support either way
175+
- **Derail Tool**: Decision frameworks, community support
176+
177+
### 3. The Habit Prisoner
178+
- **Age**: Any adult
179+
- **Situation**: Stuck in destructive patterns (drinking, scrolling, overeating)
180+
- **Need**: Environment change tools, accountability systems
181+
- **Derail Tool**: Camera monitoring (ChittyPro white-label), habit tracking
182+
183+
### 4. The Life Re-Designer
184+
- **Age**: 35-65
185+
- **Situation**: Realized current life path won't lead to desired future
186+
- **Need**: Framework for complete life redesign
187+
- **Derail Tool**: Vision planning, resource hub, mentor matching
188+
189+
---
190+
191+
## Competitive Positioning
192+
193+
### NOT Like These:
194+
- **Life coaching fluff**: "Just believe in yourself!" ❌
195+
- **Therapy replacement**: We're not licensed therapists ❌
196+
- **Toxic hustle culture**: "Grind harder!" ❌
197+
- **Passive self-help**: Just reading won't change anything ❌
198+
199+
### LIKE These (but better):
200+
- **Productized services**: Clear tools, not vague concepts ✅
201+
- **Honest community**: Reddit's honesty + structured support ✅
202+
- **Action frameworks**: Clear steps, measurable progress ✅
203+
- **Tech-enabled**: Software tools for real change ✅
204+
205+
---
206+
207+
## Content Strategy
208+
209+
### Blog/Article Themes
210+
- "How to Know When It's Time to Derail" (career, relationships, habits)
211+
- "The Real Cost of Staying on the Wrong Track"
212+
- "Derailment Success Stories" (before/after case studies)
213+
- "Tools for Your Pivot" (practical resources)
214+
215+
### Email Newsletter
216+
- **Name**: "Off the Rails" (weekly)
217+
- **Tone**: Direct, actionable, no fluff
218+
- **Structure**:
219+
- 1 hard truth
220+
- 1 actionable tip
221+
- 1 community story
222+
- 1 tool/resource
223+
224+
### Social Media Voice
225+
226+
**Twitter/X**:
227+
- Short, punchy, quotable
228+
- "Your comfort zone has a price. Are you paying it?"
229+
230+
**Instagram**:
231+
- Visual quotes, before/after journeys
232+
- Real stories, not stock photos
233+
234+
**LinkedIn** (ironic platform for career derailment):
235+
- Professional but honest
236+
- "What everyone's thinking but afraid to post"
237+
238+
---
239+
240+
## ChittyPro Streamlink White-Label Specs
241+
242+
### Derail.me Camera Module Branding
243+
244+
**Module Name**: "Track Yourself"
245+
**Tagline**: "Self-accountability through self-surveillance"
246+
247+
**UI Modifications**:
248+
- Replace "ChittyPro Streamlink" → "Track Yourself"
249+
- Color scheme: Derail Red + Track Black (from brand palette)
250+
- Remove all Chitty branding
251+
- Simplify to core features:
252+
- ✅ Camera viewing
253+
- ✅ Recording clips
254+
- ✅ Share access (for accountability partners)
255+
- ❌ Remove: Advanced PTZ, multi-user management
256+
- ❌ Remove: Chat system (use main platform chat instead)
257+
258+
**Use Cases on Derail.me**:
259+
1. **Desk Camera**: "Are you actually working on your side business?"
260+
2. **Kitchen Camera**: "Track eating habits without lying to yourself"
261+
3. **Home Office**: "Proof you're building, not just planning"
262+
4. **Accountability Sharing**: Let your derailment buddy see your progress
263+
264+
**Pricing Integration**:
265+
- Free: 1 camera, 7-day history
266+
- Derail Pro ($9/mo): 3 cameras, 30-day history
267+
- Derail Team ($19/mo): Unlimited cameras, unlimited history, accountability partner access
268+
269+
---
270+
271+
## Brand Guidelines Summary
272+
273+
### Do's ✅
274+
- Be direct and honest, even when uncomfortable
275+
- Use railroad/track metaphors consistently
276+
- Show real people, real derailments
277+
- Provide actionable tools, not just inspiration
278+
- Build community around shared derailment experiences
279+
- Use bold colors and strong typography
280+
281+
### Don'ts ❌
282+
- Don't sugarcoat hard truths
283+
- Don't use corporate stock photos
284+
- Don't promise easy solutions
285+
- Don't shame people for staying on their current track
286+
- Don't use Chitty/ChittyPro branding in derail.me context
287+
- Don't be preachy or condescending
288+
289+
---
290+
291+
## Launch Strategy
292+
293+
### Phase 1: MVP (Month 1-2)
294+
- Core platform with journal + tools
295+
- ChittyPro Streamlink white-label integration ("Track Yourself")
296+
- Community forum (private)
297+
- Email capture + early access list
298+
299+
### Phase 2: Community Building (Month 3-4)
300+
- Weekly "Off the Rails" newsletter
301+
- Derailment success stories (video + written)
302+
- Partnership with therapists/coaches for referrals
303+
- Social media presence (honest, not polished)
304+
305+
### Phase 3: Monetization (Month 5-6)
306+
- Freemium model launch
307+
- Premium tools and courses
308+
- 1-on-1 derailment coaching marketplace
309+
- Affiliate partnerships (career sites, therapy, financial planning)
310+
311+
---
312+
313+
## Success Metrics
314+
315+
**Engagement**:
316+
- Daily active derailments (users actively working on their pivot)
317+
- Community posts per week
318+
- Camera monitoring usage (ChittyPro white-label)
319+
320+
**Conversion**:
321+
- Free → Paid conversion rate
322+
- Email open rates ("Off the Rails" newsletter)
323+
- Tool usage (which derailment tools are most used?)
324+
325+
**Impact**:
326+
- Successful derailment stories
327+
- Lives changed (qualitative feedback)
328+
- Long-term user retention (are they staying derailed?)
329+
330+
---
331+
332+
## Tagline Options (Final Selection)
333+
334+
1. **"When life's on the wrong track, we help you derail it."** ✅ (Primary)
335+
2. "Derail with purpose. Rebuild with power." (Secondary)
336+
3. "Stop the train. Change the track."
337+
4. "Your life, re-routed."
338+
5. "Sometimes the brave thing is to quit."
339+
340+
---
341+
342+
## Contact & Social
343+
344+
- **Website**: derail.me
345+
- **Email**: hello@derail.me
346+
- **Twitter**: @derailme
347+
- **Instagram**: @derail.me
348+
- **LinkedIn**: Derail.me (company page)
349+
350+
---
351+
352+
**Brand Guardian**: This brand is bold, honest, and action-oriented. Every piece of content, design, and tool should make someone feel empowered to change their life, not just think about it.
353+
354+
**White-Label Note**: ChittyPro Streamlink becomes "Track Yourself"—a self-accountability camera system integrated seamlessly into the derail.me ecosystem with derail.me branding, not Chitty branding.
355+
356+
---
357+
358+
*Created: October 2025*
359+
*Version: 1.0*
360+
*Status: Ready for implementation*

0 commit comments

Comments
 (0)