loop

The pipeline every
profession runs —
finally getting faster.

LOOP automates documents to decisions — and gets smarter every time an expert uses it.

01

Logomark

Two concentric rings — outer thicker, inner narrower. Reads as a target, an "O", a record's eye, and the closing of a loop. The mark is the primary brand expression. It works at icon size (16px) and on billboards (no minimum size in V1).

Cream on forest green — primary

use anywhere — preferred default

Forest green on cream — inverse

use on light surfaces only

Black on white — emergency only

single-color print, faxes, etc.
Clear-space rule. Maintain at least 0.5× the mark's height as padding on all sides. Do not place the mark on busy photographic backgrounds, do not recolor outside the approved palette, do not stretch, do not alter the ring proportions.
02

Wordmark & lockup

"loop" in Fraunces — lowercase always, never uppercase. The lockup pairs the wordmark with the mark in a small rounded-square container. Use the lockup wherever space allows — the mark alone for tight surfaces (favicons, small icons).

loop
Lockup on dark — primary
loop
Lockup on cream — inverse
03

Color palette

Warm, restrained, and document-grounded. Forest green is the brand color. Cream is the canvas. Amber and red surface uncertainty and risk. Bright tech blues and neon greens are not in this system — they would betray the "respectful upgrade of paper" tone the product is going for.

Brand

Forest green (primary)

#1F3D2C
--accent

Warm cream (canvas)

#FAFAF7
--bg / --accent-ink

Sage tint

#E8EFE9
--accent-soft

Mint accent (italic)

#9CBDA9
— editorial accent on dark
Ink & surface

Ink (primary text)

#0F0F0E
--ink

Muted (secondary text)

#6E6B66
--muted

Surface 2 (alt)

#F4F2EC
--surface-2

Border

#E8E5DD
--border
Confidence tiers (functional)

Tier green — pass / verified

#2D7A4A
--tier-green / --good

Tier amber — review / warn

#B8810D
--tier-amber / --warn

Tier red — fail / not found

#B33A3A
--tier-red / --error

Tier purple — extracting

#6B5BB8
--tier-purple
Document viewer (workspace only)

Doc tab bar

#2A2824
--doc-tab-bar

Viewport "dark room"

#B8B4AC
--doc-viewport

Cream paper

#FCFAF4
--doc-paper
04

Typography

Three faces, used with discipline. Fraunces (display + headlines + deal names) signals "this is a financial document, treat it with gravity." DM Sans does all UI and body copy. DM Mono carries every value, citation, and timestamp — the system speaking to the underwriter in machine voice. Mixing rule: any extracted value renders in DM Mono. Any label describing that value renders in DM Sans. Any name or title renders in Fraunces.

Fraunces — Display XL serif · 64px · 500
letter-spacing -0.02em
headlines, marketing
The pipeline every profession runs.
Fraunces — Display LG serif · 32px · 500
letter-spacing -0.01em
page titles, deal names
The Shoppes at Riggs Ranch
Fraunces — Display MD serif · 22px · 500
card titles, modal headers
Active Deals
DM Sans — Body LG sans · 18px · 400
subheads, prose
LOOP automates documents to decisions — and gets smarter every time an expert uses it.
DM Sans — Body MD sans · 14px · 400
UI default, table cells, labels
Flagged fields do not count toward verified progress. They remain in an unresolved state until the underwriter accepts or corrects them.
DM Mono — Mono MD mono · 14px · 400
values, dollar amounts, citations
$494,986 · Pro Forma · Sheet 1 · Row 32
DM Mono — Mono SM mono · 11px · uppercase
letter-spacing 0.10em
section labels, small caps
Inputs — Pro Forma
05

Voice & tone

Confident but never boastful. Specific, never vague. Plain, never breathless. The product is built for finance professionals who have a low tolerance for marketing language and a high tolerance for nuance. Lead with what the system does, not how clever it is.

Voice — yes

"LOOP automates the pipeline from documents to decisions — and gets smarter every time an expert uses it."

Specific verb. Names a real workflow. Implies a feedback loop without overpromising. Reads the same to an underwriter and a CFO.

Voice — no

"Revolutionary AI-powered platform reimagining underwriting for the modern enterprise."

Vague verb. No real workflow named. Marketing language ("revolutionary," "reimagining") that finance professionals tune out. Reads as if written by someone who's never met an underwriter.

Microcopy — yes

"3 docs needed"

Quantified, neutral, action-oriented. Tells the user what's missing without judging.

Microcopy — no

"Oops! Looks like you're missing some files."

Faux-friendly tone, no quantification, infantilizes the user. Avoid every word in this sentence.

06

Applied compositions

Three sample applications drawn from the wireframe set, each showing the brand system in context.

loop
▤ Deals
⟲ Processes
📈 Accuracy
⚙ Settings
Sidebar — persistent across the LOOP product
loop

Sign in

Login — wordmark + lockup on cream
Marketing site
looptoolkit.com