โ† back to mockups gallery ๐Ÿ“– view in HQ viewer
State mockup A022 (artifact id 22) file mtime 2026-07-28 08:24:05 UTC thread: pre-HQ (uploaded before Mavis HQ existed)
Samsung edge panel design exploration โ€” 7 mockups, 35 min of iteration
These 7 standalone HTML mockups are the design exploration that produced freshvibe-cms@46bbfa3 feat(edge-panel): add generic CMS edge tools panel (v0.4.2) on 2026-07-28 10:30:05 UTC. The 2-col grid (Samsung pattern), the "show me everything" framing, and the dock-conflict mitigation all appear here before they appear in code. Uploaded directly to VPS (no Mavis session tracked) โ€” predates Mavis HQ by ~30 hours. See runtime/edge-panel/edge-panel.js in freshvibe-cms@46bbfa3 for the implementation that shipped.

Edge panel v6 โ€” softer still (v4 harsh on left, v6 soft on right)

v5 looked the same as v4 to your eye โ€” the changes were too subtle. v6 goes further: warm cream neutrals (no more cold blue-blacks), dusty sage accent (no more mint/neon), muted forest green for the dark sections (no more saturated emerald). Side-by-side comparison so the difference is obvious.

V4 โ€” harsh (neon + cold)

Explore the World of Trees

Bring nature into the classroom with beautifully illustrated resources.

What we offer

Books ยท News ยท Team ยท Resources

Get Started

Ready to bring trees to your classroom?

Footer

๐Ÿ Home
๐Ÿ“šBooks
๐Ÿ“ฐNews
๐Ÿ‘คAccount
๐Ÿ› Tools
โฑRecent
โ–ฆ
Structure
โš™
Inspector
๐Ÿงฉ
Widgets
๐Ÿ–ผ
Media
โŠŸ
Layers
๐ŸŽจ
Theme
๐Ÿ“
Layout
โ†ถ
History
3
๐Ÿ’ฌ
AI Chat
๐Ÿ“ก
FvRE
๐Ÿ—„
PB
โšก
Triggers
+ Sec
+ Con
+ Wgt
V6 โ€” soft (sage + warm cream)

Explore the World of Trees

Bring nature into the classroom with beautifully illustrated resources.

What we offer

Books ยท News ยท Team ยท Resources

Get Started

Ready to bring trees to your classroom?

Footer

๐Ÿ Home
๐Ÿ“šBooks
๐Ÿ“ฐNews
๐Ÿ‘คAccount
๐Ÿ› Tools
โฑRecent
โ–ฆ
Structure
โš™
Inspector
๐Ÿงฉ
Widgets
๐Ÿ–ผ
Media
โŠŸ
Layers
๐ŸŽจ
Theme
๐Ÿ“
Layout
โ†ถ
History
3
๐Ÿ’ฌ
AI Chat
๐Ÿ“ก
FvRE
๐Ÿ—„
PB
โšก
Triggers
+ Sec
+ Con
+ Wgt

What changed (the actual deltas)

Page bg
#f3f3ed (cool, clinical)
#f7f5ee (warm cream)
Section bg
#ffffff (pure white, harsh)
#fdfcf7 (off-white, cream tint)
Dark section
#1a3a1a (saturated emerald)
#2c3a32 (muted forest)
Panel bg
#0a0d10 (cold black)
#1c1a16 (warm dark brown-black)
Panel text
#e6e9ef (blue-white, cold)
#ece8df (warm off-white)
Accent
#4ade80 (neon green)
#a3c9a8 (dusty sage)
Warn / badge
#f87171 (alarm red)
#d4a574 (soft tan)
Active icon
#7c3aed (saturated purple)
#4a5fcf (muted indigo)
Borders
#2a3038 (solid cold)
rgba(255,250,240,0.05) (warm subtle)
Feel
Tech editor, neon, retina-burn
Document app, library, calm

Why v6 looks different (the actual visible changes)

The principle