MemCRM — Sean Johnson

01 · The look

Water droplets on crisp green leaves.

Business software is blue, flat, and forgettable. I wanted MemCRM to be the CRM you'd recognize from across a room. The canvas is a real photograph of leaves shot from under a tree, the controls are glossy Aero buttons with a highlight across the top and a glow from below, and the type is Segoe UI, the Vista-era face that defined the look.

Then the hard part: making it calm enough to use all day. Every rule below exists to keep the gloss from becoming noise.

02 · The calls

The gloss budget.

Hierarchy

One glossy pill at a time.

Exactly one saturated, glossy control per view: the page you're on. Category headers are quiet. When everything shines, nothing does.

Accessibility

Lime gets forest ink, not white.

White on bright lime measured 1.8:1. Forest-green ink on the same lime measures 6.9:1. The brand color stayed; the text color changed.

Feel

A menu with a rotary-phone click.

The app menu is a dial in the corner. It rests only on a slot, coasts with mass, and clicks once per notch, never on a timer, so a fast spin chatters and a nudge gives one click.

"The only thing I 100% love is the Baggy wheel." So it became the reference for all the chrome.

Restraint

Removed, on purpose.

A liquid-glass effect and an orb-shaped corner were both tried and both taken out. The orb went the same day. Knowing what to cut is half of direction.

Numbers

Monospace for figures only.

Labels and titles are Segoe UI. Money and counts are JetBrains Mono, bold, in ink. Color appears on a number only when it means something, like overdue.

Honesty

Every price is computed.

Landing page prices come from the same plan table billing uses, and I pulled early copy that promised things billing didn't do. Marketing can't drift from the product.

03 · Surfaces

Three tiers, blur on one.

Tier 1 · Panel

Page heads, panels, board lanes. Frosted glass with blur. The only tier allowed to blur.

Tier 2 · Item

A deal, a job, a post inside a panel. Solid white, no blur, lifts 2px on hover.

Tier 3 · Row

Nested facts and activity rows. A hairline, no shadow.PaidSentOverdueLead

04 · Baggy

A mascot with a job.

Baggy is a plastic grocery bag with a face. He lives in the dial, answers questions about your workspace, and has a real physics body: you can drag him out and throw him, and he'll get dizzy. He speaks in a voice I picked, and when voice is on, the text waits for him, because people read faster than they listen.

He has swappable faces, and I gave every face its own knockout, because a shared "X_X" was the same joke six times. He's in the corner of this page. Go ahead.

:)Classic

:3Cat · crosses out

XDTongue lolls when KO'd

OwODizzy spirals

-_-Deadpan · won't react

B)Shades crack

05 · The work