- KpiCards: remove gradient/glow, flatten to data-oriented panels - BandwidthChart: replace hardcoded blue (#38BDF8) with accent token, use token colors for axis text and cursor - QuickActions: replace icon grid with command-style list rows with left-border hover interaction - EventsTimeline: remove timeline/skeleton, tighten to log-stream layout with divide separators and monospace timestamps - Light mode: bump border-default opacity 0.12→0.14, darken text-secondary for dense readability Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2.4 KiB
2.4 KiB
We need to redesign the website to remove all startup / SaaS / marketing patterns.
Current issue: It feels too “salesy” and corporate — like a product trying to convince people to use it.
That is the wrong tone.
Core direction
This should feel like:
- a tool
- a system
- a project that exists because it needed to exist
NOT:
- a startup landing page
- a marketing funnel
- a conversion-optimized site
Tone
- Direct
- Honest
- Slightly indifferent to whether the user signs up
- No hype language
- No promises
- No “transform your workflow” nonsense
Remove immediately
- Any “hero pitch” language
- Any “why choose us” sections
- Any fake trust signals (logos, testimonials, “companies use this”)
- Any email capture / gated content
- Any “Get Started Now” pressure CTAs
Replace with
1. Simple top section
- Project name
- One blunt sentence describing what it is
- Links:
- GitHub
- Docs
- Download / Self-host
- SaaS (optional, not emphasized)
Example tone: “This is a network control system. It’s in active development. Things may break.”
2. “What it does” (not marketing)
- Bullet points
- No adjectives
- No hype
Bad: “Powerful, scalable, next-gen network automation”
Good:
- Monitor device state
- Push configuration
- Track changes
- Run commands across devices
3. “What it is not”
This is important for your voice.
Example:
- Not finished
- Not stable
- Not for everyone
- Not trying to replace everything
4. Screenshots
- Real UI
- No mockups
- No gradients / marketing framing
- No captions trying to sell
5. Development status
- Be explicit:
- versioning
- breaking changes
- expectations
6. Pricing (if present)
- Simple
- No anchoring tricks
- No “save 20%”
- No fake urgency
Visual direction
- Use the same Warm Precision system
- No big hero sections
- No oversized typography
- No soft gradients
- No “landing page layout”
Layout should feel like:
- documentation
- system panel
- terminal-adjacent
Anti-pattern check
If any section feels like:
- it’s trying to convince the user
- it’s trying to impress the user
- it’s trying to capture the user
Remove or rewrite it.
Goal
The site should feel like:
“This exists. If you need it, you’ll understand it.”
Not:
“Please use this product.”