PURE Brand Standards by Acquisto Dictionary

One look. One voice. Every surface.

The living standard every PURE page is built and audited against. Tokens, type, iconography, components and language — plus the past work we reviewed to get here. Enforced by rules, memory and crons, not by memory alone.

PaletteTypeIconographyBI & Reports ComponentsTablesScorecardsCalendarVoice Past workGovernance

Foundations

Color

Navy · #172E55
Primary ink, headers, primary buttons.
ARE Blue · #29ABE2
Acquisto Real Estate accent. --pure-are-blue.
Cream · #DCCAAF
On-navy text & accents.
Accent · #172E55
Links, active states, focus.
Good · #1F8A5B
Online, approved, pass.
Bad · #C0392B
Errors, denials, destructive.

ARE vs PURE: “ARE” always means Acquisto Real Estate, never the English verb. PURE MLS Technologies is the platform — “by Acquisto”.

Foundations

Typography

Display
34px / 700 / -1% tracking
Section title
24px / 700
Body — the system font stack keeps every surface native & fast.
15px / 1.6
Kicker / label
12px / .1em / uppercase

Stack: system-ui first (-apple-system, "Segoe UI", Roboto…). No web-font flashes, no Inter/Roboto novelty weights.

Foundations

Iconography — line only, no emoji

Stroke line icons, 1.8–2.2px

Single-weight outline icons, currentColor, rounded caps. Consistent 24px viewBox.

Never emoji in product chrome

The “no-clown” standard — emoji never stand in for UI icons, status, or buttons.

Live icon pack

Pack · Gallery · Library
Every page renders icons from this pack via PureIcons.loadPack() — swap it below and the whole site updates, no redeploy. Icons are monochrome and inherit currentColor.
Admin — set pack site-wide:

Live admin control

Business intelligence & reports

Reports on this surface

Governed by BI Reports admin · same numbers on every surface
Every report reads its definition and its numbers live from the ecosystem database — nothing here is hardcoded — rendered with the shared PURE chart standard. Placements are governed centrally, so a change here shows up everywhere the report is embedded.

Governance

reports · placements
Add, edit, and place reports on any surface from the BI Reports admin. Any page drops a live, governed report with three lines — no code change on the target page:
<div data-bi-surface="home"></div>
<script src="pure-charts.js"></script>
<script src="pure-livebind.js"></script>
<script src="pure-bi-embed.js"></script>
Open BI Reports admin

System

Components & conventions

Buttons

Navy primary with cream text; 10px radius; 600 weight.

PureStamp

Every timestamp renders via PureStamp.format() (CT), dual local on hover. Filenames lead with YYYY-MM-DD_HHMM so Downloads auto-sort.

Naming standard

Stamp-first unique names on every output. Read the standard

Theme

Light / Dark / Bright via pure-theme.js; the mode follows the user across every page.

Pure Dock & Upload

One tidy bottom-right corner; a universal Upload & file entry (PureUploader.open()) on every page; floating actions never cover content.

New standard

Tables & data display

One table everywhere — pure-table.js (PureTable.create for data-driven, .scan to enhance plain <table>). Modules are per-surface switches in Component Studio. Full rules + live demo: Table standard .

Search when > 3×3

Any table past ~3 rows × 3 columns gets inline search.

Sort when > 2×2

Sortable column headers once there's more than a handful of rows.

Select act

Single/multi select with select-all; a selection reveals the bulk-action bar (copy, export, share, tag, archive).

Status as pills, values live

Status columns render as tone pills; numbers pair with a pure-statcard.js KPI tile (value + trend + sparkline) above the table.

Two presets: Data Grid (dense, all modules) and Simple List (lightweight). Reader/writer & visible columns are role-gated per surface. Rate-limit editor, Site Control and Security Posture are live adopters.

New standard

Scorecard pattern

The reusable shape for any tracked level-up program — security posture, design-system build-out, standards sweeps. Each item is a card with a have / partial / gap status, an owner, an effort, evidence, and a one-click Advance. Reference implementation: Security Posture .

Three states, color-coded

Have (green) · Partial (amber) · Gap (red). A coverage % + progress bar sits on top.

Grounded in evidence

Every “have” cites the real table/function/page behind it — never an unbacked claim.

Advance, don't just track

Each card advances gap partial have; changes are logged and reversible.

Human steps are scoped

Anything needing an account owner or a paid toggle is clearly labelled “Needs a human” with the exact step.

Admin-editable — add a row, change a status, reassign an owner, rewrite a level-up note. Backed by a registry table + mcp_*_next/_set/_advance RPCs (see the security-posture & design-system specs).

New standard

Calendar & date input

Every date field uses the PURE calendar — navy header, cream accents, line-icon navigation, theme-aware — replacing the off-brand OS control. Drop in any <input type="date"> and pure-datepicker.js upgrades it automatically, site-wide.

Standard ID t-pure-datepicker · loaded by pure-shell.js. The native input is preserved (same value/change events) so existing forms keep working.

Language

Voice & terminology

Plain, confident, specific. We say what a thing does, then its name. Canonical terms live in the PURE Dictionary and are enforced in copy.

ARE

Acquisto Real Estate — the brokerage brand. Never the verb.

PURE

PURE MLS Technologies — the platform the lanes build.

Pure Dock · Pure Uploader · People · Activity & Time

Product surfaces — title case, “Pure” prefix on shared utilities.

Provenance

Past work reviewed

The catalog Ana submitted — every prior design referenced while setting these standards.

Governance

How the standard is enforced

Rules & memory

Standing project rules + pure_memory keys carry the canon between sessions.

Crons

Scheduled audits (favicon injector, emoji/date-input linter, dictionary enforcement) auto-flag and auto-fix drift. See the cron-suggestions registry.

Brand Admin review

Cecile approves design-audit, emoji and token findings in Brand Workspace. Standards here (incl. Tables & Scorecards) are brand-manager editable from that workspace.
; pass-rate tracked across audited pages.