A reference for tokens, type, and components used across the valuation platform. Every page in these mockups consumes these values directly — change the token, change the site.
Conservative neutral surface scale, single restrained primary, and a quiet accent reserved for the valuation range bar. No semantic colors in CTAs — credibility is the brand.
Inter for UI; Source Serif Pro for editorial copy in Insights. Headings use a 1.2 modular scale; numbers use tabular figures so valuation readouts don't wobble between digits.
--fs-60 / h1 heroA grounded valuation--fs-36 / h2How buyers think--fs-30 / h3Valuation range--fs-24 / h4Section heading--fs-18 / leadLead body — used at the top of pages and in section intros to set context.--fs-16 / bodyBody — long-form prose, form labels, primary copy. Set at 1.55 line-height for readable density.--fs-14 / denseDense UI — helper text, captions, secondary info.--fs-12 / metaMeta — eyebrow labels, legal, disclaimers, timestamps.A buyer's offer is rarely a single number. It is a range, anchored on adjusted EBITDA and tempered by the realities of your market and the quality of your earnings.
4px base, T-shirt sized scale. Use spacing tokens, not raw px,
everywhere. Section vertical rhythm is --sp-9 on desktop,
--sp-7 on mobile.
--sp-14px--sp-28px--sp-312px--sp-416px--sp-524px--sp-632px--sp-748px--sp-864px--sp-996pxThree variants. Tone is professional and unhurried — labels like "See valuation range" and "Request a confidential discussion" rather than "Get your valuation now".
Generous tap targets (min 44–48px). Currency inputs lead with a $ glyph. Labels above the field, helper text below.
Signature component. Always shows range + midpoint together — never a single number. The midpoint dot is anchored visually but the low/high values carry equal hierarchy in the readout.
This estimate is directional. It is not a formal appraisal, does not create an advisory relationship, and should not be relied on for transaction pricing.
Buyers normalize earnings before applying a multiple. We follow the same logic so the estimate maps to how an offer is built.
Each industry has a typical range. Your scale, growth, and earnings quality move you within it.
A real offer is rarely a single number. We mirror that.
Tabs use a thin underline accent in the primary color, not a fill. They sit on a 1px divider that runs the full width of the section.