Skip to content

Ink, paper,
and one highlight.

The brand is what the work is: a business getting found in a wall of text. Black on white. Hard edges. Color appears only where the finding happens.

01 — Logo

The mark and the wordmark.

A frame and a found dot. The wordmark is the name, set heavy and tight, with "FIND" underlined in Citation Yellow on the home page only.

ABLEFIND
02 — Color

Two colors and a highlight.

Citation Yellow marks the moment a brand is found: a cited name, a selected line, a primary button under the cursor. It never decorates.

Ink#000000
Text, rules, fills
Paper#FFFFFF
Backgrounds
Grey 1#F3F3F3
Alternate sections
Grey 3#7A7A7A
Secondary text
Citation Yellow#FFE600
The found thing. Only.

Yellow: do

  • Highlight the cited brand name in an answer
  • Fill a primary button on hover
  • Mark the featured pricing tier
  • Underline "FIND" in the hero wordmark
  • Text selection and focus rings

Yellow: don't

  • Use as a background for a whole section (one column at most)
  • Use for body text or headings
  • Add gradients, tints or transparency
  • Pair with any other hue
  • Use it because a page "feels empty"
03 — Type

Bricolage Grotesque and Space Mono.

Two self-hosted open-source faces. Bricolage Grotesque for display and body, set slightly condensed for headlines. Space Mono for labels, numbers and anything that reads like data.

Display · Bricolage 800 · width 85% · −0.05em · uppercase
WE MAKE AI
RECOMMEND YOU.
Headline · Bricolage 800 · width 95% · −0.04em

Flat. Public. No surprises.

Body · Bricolage 400 · 17px / 1.45

An AI engine doesn't rank ten links. It reads sources and picks a few names. That rewards clarity, structure, and being mentioned by sources it trusts.

Label · Space Mono · 12px · +0.08em · uppercase · boxed01 — GEO in 60 seconds Most chosen Free audit
04 — Construction

Rules, cells, and hard shadows.

Everything sits in a 2px black box. Grids are tables: cells share borders. Elevation is a solid offset shadow, never a blur. No rounded corners, anywhere.

Border

2px solid #000. Thin 1px only inside tables and lists.

Shadow

6px 6px 0 #000 on cards, 4px on buttons. Buttons move into the shadow on press.

Radius

0. If a component needs a curve to look right, it's the wrong component.

Motion

Fast and mechanical: 120–240ms, stepped where possible. Stamps, typewriters, scan lines. Nothing eases in and out.

Voice

Short sentences. Numbers over adjectives. Say what it costs. Say what we can't promise.

Imagery

None by default. Interfaces, answers, and data stand in for photos. If a photo is needed, it's black and white.