eff75a1ab5
Scale all marketing scaffolds to full website proportions
...
Remove compact/condensed sizing — all four scaffolds now render at real
website scale (72-80px headlines, 15-18px body, 80px section padding,
48-52px buttons, 64px navs, 340px DashMockup height) so the preview
scrolls naturally rather than squishing everything to fit the viewport.
Made-with: Cursor
2026-03-06 10:21:22 -08:00
0a237e1e8f
Ground-up rewrite of all 4 marketing scaffolds to premium SaaS quality
...
Core problems fixed:
- Emoji icons (⚡ 🔒 📈 ) removed → replaced with clean inline SVG paths
- No product visualization → all heroes now include a real DashMockup component
- Generic flat sections → proper shadowed cards, feature lists, star testimonials
- Small unimpressive text → 42-56px display headlines with tight letter-spacing
New shared infrastructure:
- DashMockup: browser chrome + sidebar + 3 KPI cards + gradient line chart
with accent colour theming; used in DaisyUI/HeroUI/Aceternity heroes
- Ico/ICO system: 12 SVG icons (bolt, shield, trend, globe, code, layers,
clock, target, cpu, zap, users, sparkle) replace all emoji
DaisyUI improvements:
- 3 hero layouts: centered (CTA + full-width dashboard), split (left text +
right dashboard), stats (big metrics row + dashboard)
- Feature section: 6 cards with SVG icons, proper copy, realistic shadows
- Steps section: numbered with editorial style
- Testimonials: 4 cards with star ratings and avatar initials
- Pricing: 3 tiers with full feature bullet lists and checkmarks
- FAQ: expand/collapse style
Aceternity improvements:
- Hero text increased to 48-52px
- Floating tilted card animations via CSS keyframes (ace-float, ace-float2)
- Feature cards with SVG icons instead of emoji
- Better moving-cards testimonials (wider, more realistic copy)
- Better bento grid with real chart
HeroUI improvements:
- All 3 header styles now include DashMockup (animated-badge, split, gradient)
- Feature section: 2-col with left-aligned icon + text (not centered emoji)
- Metrics bento with 4 KPIs
- Avatar trust stack with initials
- Pricing with popular tag
Tailwind improvements:
- Editorial header: huge 56px headline + real terminal mockup
(git push → build 2.1s → deployed to prod) with syntax highlighting
- Split header: text + terminal side by side
- Feature grid: 6 cards with SVG icons
- Stats bar with 4 metrics
- Pricing: 3 tiers with checkmark feature lists
- Inverted CTA banner (bg=text, color=bg)
Made-with: Cursor
2026-03-05 21:34:57 -08:00
e95761cc61
Add Lines Gradient Shader + fix Aurora/Sparkles/Meteors to match real Aceternity visuals
...
- New 'shader' background: bold diagonal purple→pink→orange→yellow gradient
with subtle repeating line overlay (mirrors ui.aceternity.com lines-gradient-shader)
- Aurora background: now renders on light bg (#f8f9ff) with soft lavender/blue blurs
- Sparkles: forces black base with white star particles and glow box-shadow
- Meteors: horizontal streaks with glow, animate diagonally like shooting stars
- Beams: switched to SVG lines radiating from a central vanishing point
- Auto-adapt text/nav colours for forced-dark (shader, sparkles) and forced-light (aurora)
- LIBRARY_STYLE_OPTIONS: 8 Aceternity background options, default changed to gradient
Made-with: Cursor
2026-03-05 21:08:14 -08:00
e79c2fe5c5
Upgrade marketing scaffolds: real CSS animations, 18 DaisyUI themes, Aceternity accents
...
- MarketingAceternity: animated gradient blobs (mix-blend-mode hard-light), meteor
streaks, sparkle dots, CSS marquee testimonials, lamp cone, typewriter cursor,
bento grid — all using namespaced CSS keyframes
- MarketingDaisy: DaisyUI-style layouts (split hero with mockup, stats hero, step
guide), testimonials, FAQ accordion, logo strip; full 18-theme palette
- MarketingHeroUI: blur backdrop nav, gradient-mesh/glass/aurora backgrounds,
metric cards with active-bg tint, avatar stack, glassmorphism cards
- MarketingTailwind: editorial typography, dot-grid/lines backgrounds, terminal
deploy mockup, checklist features, stats bar, high-contrast CTA
- types.ts: expanded DAISY_THEMES to 18 themes (cyberpunk, halloween, valentine,
aqua, luxury, night, coffee, nord, dim, sunset); added ACETERNITY_THEMES palette
- index.ts: export ACETERNITY_THEMES, wire aceternity + tailwind-only into THEME_REGISTRY
Made-with: Cursor
2026-03-05 20:55:21 -08:00
9c8e1a5f34
Add live design configurator for marketing surface
...
Users can now compose their marketing site by selecting:
- Mode (dark/light), Background style (gradient/beams/meteors/etc.),
Nav style, Hero header layout, which Sections appear, and Font.
All 4 marketing scaffolds (DaisyUI, HeroUI, Aceternity, Tailwind)
respond live to config changes. Library capability cards + style
options data defined per library. Aceternity shows actual
background effects (beams, meteors, sparkles, wavy, dot-grid).
Made-with: Cursor
2026-03-05 20:15:59 -08:00
57c283796f
refactor(design): modularize scaffolds into per-surface files + unique admin
...
- Deleted monolithic design-scaffolds.tsx (1154 lines, 72KB)
- New folder: components/design-scaffolds/
- types.ts — ThemeColor interface + all theme palettes
- web-app.tsx — SaaS app: Dashboard / Users / Settings with AppShell
- marketing.tsx — Landing page: hero, features, pricing, CTA
- admin.tsx — NEW unique admin: System health (servers/CPU/mem/errors),
Moderation (user table + audit log + ban/impersonate),
Config (API keys, feature flags, webhooks)
- mobile.tsx — Phone frame previews: NativeWind / Gluestack
- email.tsx — React Email welcome template preview
- docs.tsx — Nextra + shadcn docs previews
- index.ts — SCAFFOLD_REGISTRY + THEME_REGISTRY (only import needed)
- Adding a new surface = create one file + add 2 lines to index.ts
Made-with: Cursor
2026-03-05 19:54:38 -08:00
