A soft instrument
for hard facts.
This page is the system describing itself. Every surface, color, and letter below is built in the same neumorphic language it documents. The Revenue Enablement System, drawn in light and shadow.
OMIQL · five squares, two modes
The mark spells the method: Outcome, Maps, Insight, Quantify, Leadership. The O is always a dotted ring (the open question you start with); the other four are solid tiles. It ships in two modes.
The website logo. On the footer it doubles as a keypad: tap the squares in sequence to unlock access. Solid tiles, full presence.
The "app" mark inside MIQL. The four letters go ink-outlined so all five squares read as one outlined set. Same mark, different job: it returns you to MIQL.com.
Pink to purple. Nothing else for status.
Color is a privilege, not a default. The brand is the pink → purple gradient. Status, scores, and pillars use only that spectrum. Never red / yellow / green traffic lights · a weak deal is deep purple, a strong one is bright pink, and the eye learns the scale.
The canvas is a warm grey, never white. Depth comes from a dark cast and a soft highlight pressed up from that same grey. Grey means real grey.
Three voices: Inter, JetBrains Mono, Caveat
Inter carries the interface and the heroes. JetBrains Mono is the instrument's labelling · eyebrows, counters, pills, always uppercase and wide. Caveat signs the human notes by hand.
Shadow and light. Never a border.
The whole UI is carved from one grey canvas. Height is the only signal: if it pops out, it is an action; if it is carved in or flat, it is information. We never draw a line around a box.
Slim pills. If it feels fat, it is wrong.
Buttons are lean: tight padding, a confident pill, never a slab. Three in the family · the gradient primary that earns the press, the soft ghost that lifts on hover, and the ink action that lifts the highest.
Reference weights: the global pill runs about 7px / 15px padding, a Save pill tightens to 4px / 18px, and a Deal Record CTA stands 26px tall. Match that. A fat button reads as a slab and breaks the instrument.
The Evidence Sliders
The signature control. Five movements · O · M · I · Q · L · each scored across three stops: No evidence, Seller acted, Buyer adopted. You do not set a score, you move the evidence. The mark above lights up as you go.
Facts over feelings.
We are plain, exact, and a little sharp. We make a claim and back it with evidence. Wit is welcome where it earns its keep, never as filler.
And the small one that shapes every line: no em-dashes. We use a middle dot, a comma, a period, or a set of parentheses. The rhythm stays clean.
Pace the information
Distinguish read-areas from interactive-areas. Buttons must telegraph as buttons, cards as cards. Spread the decisions out and stack the reading between them. Less is more: a label earns its place by carrying real information, or it is cut.
- One canvas. Separate surfaces with shadow and light, not lines.
- Pink and purple carry status. No traffic-light colors.
- No giant background numbers behind a stat. Amplify with an icon.
- The top nav stays HOME · LEARN · DEPLOY. New pages link from here.
- Slim pills only. If a button feels fat, it is wrong.
The system is the product. Go see it move.