# RiskFreeTrial.org design language

**Source package:** `Redesign Risk Free Trial.zip` (2026-07-08)  
**Canonical path:** `brand_guides/riskfreetrial/`  
**Live brand guide:** https://www.riskfreetrial.org/brand-kit/  
**Mascot:** Penny (coin character)

## Primary audience
- **Consumers:** people who want free trials without surprise charges — track trials, get billed-soon nudges, request instant refunds.
- **AI builders / founders:** product owners who want risk-free trial UX for customers (feedback, not chargebacks).
- **Developers / portfolio ops:** multi-product ecosystems that need credits, billing, and secure account ops across domains.

## Site / product objective
- Be the portfolio **credits + trial control plane**: billing, trial tracking, refunds, and secure access across 14+ products.
- Make “try AI risk-free” feel calm, trustworthy, and operationally rigorous — not hypey fintech.
- Drive hub usage: open credits, log trials, request refunds, SSO into portfolio products.

## Message hierarchy
1. **Never get surprise-charged again.** (consumer app — Penny)
2. **Portfolio control plane** — manage billing, trials & secure account ops across your portfolio.
3. **No card to track · Billed-soon nudges · Instant refunds**
4. **Credits that work across 14+ products**
5. **For AI builders:** let customers try risk-free; get feedback, not chargebacks.

## Tone of voice
- Clear, operational, trustworthy. Light warmth via Penny; never cartoon-chaotic on the marketing site.
- Founder / builder pages: architectural, multi-product, security + fluid transaction management.
- Consumer app: friendly coach voice (“Hi, I'm Penny 👋 I've got your back.”) with short, scannable steps.
- Prefer concrete ops language: reminders, cancel runbook, Stripe reverse, feedback-for-refund.

## Visual / design system (from 2026-07 redesign zip)

### Marketing / control-plane surface (`RiskFreeTrial.dc.html`)
- **Primary green:** `#10A167` (selection / CTAs); hover-ish `#14BC7A`
- **Ink / near-black:** `#16150F`, `#0E0D08`
- **Warm paper:** `#F4F1E8`, `#EFEBDF`, `#EDE8DA`, `#FBF9F2`
- **Muted stone:** `#C9C6B9`, `#8F8C7E`, `#8A8878`, `#4A4838`, `#3A382E`, `#B4B1A4`
- **Fonts:** Space Grotesk (display), Instrument Sans (body), IBM Plex Mono (labels/meta)
- **Feel:** architectural portfolio hub — warm paper + deep ink + one decisive green

### Consumer app surface (`RiskFreeTrial App.dc.html`)
- **Primary mint:** `#17B98A`, deeper `#0C7F5D` / `#14A87E`
- **Dark forest UI:** `#17251F`
- **Cream cards:** `#FFFDF7`, `#FBF6EA`, soft `#E4F4EC`
- **Muted sage text:** `#6E7F76`, `#54655C`, `#8A9990`, `#B7C3BC`
- **Accent gold (Penny):** `#F4BE3E`, `#E7AE33`, `#DE9E2A`
- **Alert / secondary:** purple `#6D3FB0`, coral `#C6522F`, peach `#F5897B`
- **Fonts:** Fredoka (display/UI headings), Nunito (body)
- **Feel:** friendly mobile fintech coach — mint on forest, cream cards, floating coin mascot

### Penny mascot (`CoinMascot.dc.html`)
- Gold coin body `#F4BE3E` / stroke `#DE9E2A`, feet `#E7AE33`
- Soft face accents `#F5897B`, dark features `#3A2A16`
- Ground shadow `rgba(14,90,64,0.14)`
- Use as companion in app onboarding, empty states, refund coach — not as corporate logo lockup on every B2B page

## Key product surfaces in the redesign
1. **Landing / hub** — sticky nav, hero (audience switch), features, AI-builder stats, credits live panel, FAQ
2. **App shell** — onboarding (Apple/Google/magic link), home (credit balance + trial cards), log trial, cancel runbook, refunds, help
3. **Penny** — standalone mascot component for reuse

## Non-negotiables
- Risk-free / refund framing stays calm and procedural (not “hack the system”).
- Credits are portfolio-wide and explicit (balance, catalog, hub CTA).
- Trial tracking does not require storing card details for “no card to track” path.
- Brand guide package lives under `brand_guides/riskfreetrial/` and is served live at `/brand-kit/`.
- Before any UI/brand work on riskfreetrial.org, read this guide first.

## Package files
| File | Role |
|------|------|
| `RiskFreeTrial.dc.html` | Marketing / control-plane redesign |
| `RiskFreeTrial-App.dc.html` | Consumer app redesign |
| `CoinMascot.dc.html` | Penny mascot |
| `support.js` | Design Canvas runtime |
| `screenshots/*` | Landing + products stills |
| `source/Redesign-Risk-Free-Trial.zip` | Original zip archive |

## Live routes
- Hub: `/brand-kit/`
- Landing prototype: `/brand-kit/landing.html`
- App prototype: `/brand-kit/app.html`
- Mascot: `/brand-kit/coin-mascot.html`
- Asset tree: `/rft-brandkit/` (mirror of package for deep links)


## Production port (2026-07-08)
- Marketing home: `/` uses warm-paper redesign (Space Grotesk / Instrument Sans / IBM Plex Mono, `#10A167`).
- Dashboard: `/dashboard` uses Penny consumer app theme (Fredoka / Nunito, mint on cream).
- Credits hub: `/credits` uses the marketing paper palette.
- Assets: `/penny.svg`, redesigned `/favicon.svg` (diamond mark).
- Brand guide remains at `/brand-kit/`.

## Hub perfection (2026-07-08/09)
- Clean git: `~/.openclaw/workspace/riskfreetrial` is a fresh clone of `nnlevy/riskfreetrial` (broken scripts monorepo path quarantined).
- Educational library: home `#library` + `/library` + 5 guides; embedded AI Risk Coach via `/api/widget`.
- Payments hub: featured catalog leads with visualtos.com + growth.business; firmwebsite copy cleaned of internal token jargon.
- Cross-links: visualtos.com, growth.business on home, credits, dashboard, footer, guides.