ListedKit markListedKit·Brand Guide
Download assets

Brand guide · for partners and collaborators

How to use the ListedKit brand.

A practical reference for designers, marketers, and partners. Everything here traces to one idea: a deal built like a building. Warm, structural, and calm under load, with one evergreen accent for a done deal, brass as the single earned metal, and a quiet monospace voice for every date and amount.

Product
ListedKit, the AI operating partner for real-estate transactions. Ava is the AI.
Updated
August 2026 · v2.0 Ava 2.0
Need help?
Email us at hello@listedkit.com

01 · The feeling

Warm, structural, calm under load.

A deal built like a building: architecture, with the home as the outcome, not the paperwork it replaces. Every choice here, a color, a weight of type, the speed of a transition, traces to the morning a coordinator opens their laptop and finds the hard part already handled. One evergreen accent marks a done deal, brass is the single earned metal spent once, and a quiet monospace voice carries every date, amount, and file number.

What we sound like

A capable operating partner.

Confident, specific, useful. The kind of voice that helps you, not the kind that performs.

What we don't

"Wow, AI" hype.

No superlatives, no exclamation points, no neon. Quiet competence over showmanship.

02 · Logos

One house. Spoken in a few colorways.

The mark is the house, crisp down to 24 px, and it leads brand-facing moments. The lockup adds the ListedKit wordmark for headers, footers, and partner co-marketing. The Ava logo is the spark, Ava's own mark for product and AI moments. Choose the colorway by its ground, and keep it to one dominant gesture per view.

ListedKit lockup on evergreen
Lockup · cream on evergreen
ListedKit lockup on cream
Lockup · evergreen on cream

Approved colorways

Mark evergreen / cream
Markevergreen / cream
Mark cream / evergreen
Markcream / evergreen
Mark mint / charcoal
Markmint / charcoal
Mark charcoal / brass
Markcharcoal / brass
Mark charcoal / concrete
Markcharcoal / concrete
Mark brass / charcoal
Markbrass / charcoal

The Ava logo

The spark is Ava's own mark, for product surfaces and AI moments. Same rules as the house: pick the colorway by its ground, keep the clear space, and never recolor outside the set.

Ava logo evergreen / cream
Ava logoevergreen / cream
Ava logo cream / evergreen
Ava logocream / evergreen
Ava logo mint / charcoal
Ava logomint / charcoal
Ava logo brass / charcoal
Ava logobrass / charcoal
Ava logo charcoal / brass
Ava logocharcoal / brass
Ava logo clay / concrete
Ava logoclay / concrete

The spark, on its own

Pulled out of the logo, the spark is a small accent, on a loading state, an AI reply, a “handled by Ava” tag. One per view, never a repeating pattern.

Ava spark, evergreen
Ava spark, brass
Ava spark, mint

Clear space & sizing

Mark clear space
Clear space (all sides)≥ 1× mark height
Min size, digital24 px tall
Min size, print0.5 in / 12 mm
Favicon / app iconMark only, no wordmark
File formatsSVG preferred

Do

  • Pick the colorway by its ground: cream on evergreen, mint on charcoal.
  • Lead with the lockup on partner co-marketing.
  • Keep at least 1× mark-height of clear space.
  • Use the crisp SVG mark down to 24 px.
  • Scale proportionally.

Don't

  • Stretch, skew, or rotate the mark.
  • Apply drop shadows, glows, or outlines.
  • Recolor it outside the approved colorways.
  • Place it on photography or busy imagery.
  • Redraw or recreate it from scratch.

03 · Color

Paper grounds. Evergreen signals done. Brass, once.

Warm porcelain and paper carry almost every surface. Ink holds the type. Evergreen is the one accent, the color of a done deal. A charcoal night ground anchors the bold moments, where mint takes over as the bright accent. Brass is the single earned metal, a fill or marker spent once per view, never a text background.

Usage ratio
56%
18%
14%
7%
4%
1%
Paper · 56%Ink · 18%Porcelain · 14%Evergreen · 7%Charcoal night · 4%Brass · 1%
Accent

Evergreen

The one accent, the color of a done deal. Links, focus, primary buttons resolve through green-600 (#2A6147).

HEX#173627Accentgreen-700 #1F4A35CTAgreen-600 #2A6147Token--ava-color-accent-strong
Bright accent

Mint

Ava on the dark ground. The bright accent and the night-ground button fill. Not for large fills on paper.

HEX#5FC79ARGB95 199 154Useon charcoalToken--ava-green-mint
Canvas

Paper

The dominant day surface. Porcelain (#FDFCF9) raises cards a step above it.

Page#F7F6F2Raised#FDFCF9Sunken#E6E3DAToken--ava-color-surface-page
Night ground

Charcoal

The dark ground for bold, earned moments. Warm near-black, never pure black.

HEX#141311RGB20 19 17Ink on itcream #F7F6F2Token--ava-color-surface-night
Text

Ink

Warm near-black type on paper. Secondary #3C3931, muted #67635A.

HEX#1C1A16Secondary#3C3931Muted#67635AToken--ava-color-text
Metal

Brass

The single earned metal. A fill or marker on the one human moment per view. Never a text background.

HEX#A8894FDeep#7A5C2ESoft#EFE6D2Token--ava-color-metal

Status is a word beside a color

Meaning never rides on color alone. A status is always spelled out, so the same screen survives down to a plain-text SMS.

Recorded
word + dot
Pending
word + dot
Flagged
word + dot
Draft
word + dot

Two naming notes to avoid old myths.

Cream #F4F1E8 is a logo colorway and the Windows tile value only, not a surface token: the design-system paper is #F7F6F2 / #FDFCF9. Concrete #E5E2D8 exists only as a logo colorway, not a CSS token. There is no yellow CTA; the primary call to act is evergreen.

04 · Typography

Three voices: serif, grotesk, mono.

Sentient is the signature serif, spent on the hero and the biggest brand moments. Hanken Grotesk is the interface voice: every heading, label, and line of body. Fragment Mono is the ledger: dates, amounts, file numbers, and statuses, always quiet.

Every handled.
Display serif
Sentient
Hero and brand moments only. Weights 400 / 500.
Reads your inbox.
Interface
Hanken Grotesk
Headings, labels, body. The default.
Jun 4 · $9.99
Data
Fragment Mono
Dates, amounts, file numbers. Weight 400.

Scale

DisplaySentient52 px · 500
Every handled.
H1Sentient40 px · 500
The AI that keeps every deal on track.
H2Hanken30 px · 600
Reads your contracts, knows your timelines.
H3Hanken22 px · 600
Ava matched it to the deal.
LeadHanken20 px · 400
The lender email came in at 8 a.m. Ava matched it to the deal, added it to the file, and flagged the rate-lock deadline.
BodyHanken16 px · 400
Every coordinator manages the same load: dozens of deals in motion, each with its own emails, contracts, deadlines, and parties.
DataFragment Mono14 px · 400
Deal #2847 · Jun 4 · $9.99 · Recorded
EyebrowFragment Mono11 px · 600
TRANSACTION COORDINATION

Data stays plain, sentence case is the default.

Numbers, dates, amounts, and statuses are Fragment-Mono evidence, never wrapped in an architectural shape. Use sentence case for headlines, buttons, and nav. Title Case only for proper nouns and named product features. All-caps only on eyebrows at 11 px with tracked letter-spacing.

05 · Voice & tone

The voice of a capable operating partner.

Confident but not loud, specific but not technical, human without being casual. Ava does things: verbs over nouns, second person dominant, short and clear.

1

Practical

Every word earns its place. Benefits first, no filler, no superlatives.

2

Specific

"$9.99 per intake." "45 minutes per contract." Numbers are concrete, not vague.

3

Understated

It does not announce itself. The work speaks. No exclamation points, no hype.

Before & after

Avoid

Our game-changing AI-powered platform automates your real-estate transaction management workflows.

Use this

Ava reads your emails and your contracts. It knows which email belongs to which deal, and tells you what to do next.

Avoid

Experience the future of transaction management with thousands of satisfied professionals!

Use this

First intake free, no subscription. Connect Gmail, upload a contract, and Ava handles the rest.

Avoid

Leverage cutting-edge contract-reading capabilities to streamline your coordination process.

Use this

Ava reads the full contract before you open it: every date, every party, every contingency, including the ones that got missed.

Retired phrases

Don't say

  • "Free trial", the product does not have one.
  • "AI-powered", a category label that says nothing.
  • "Game-changing" / "cutting-edge", hype.
  • "Deadline automation", it is deadline tracking.
  • "Back office", it undersells what Ava does.

Say this instead

  • "First intake free", true and specific.
  • "Ava reads your contracts", verbs over nouns.
  • Concrete numbers: "under 5 minutes".
  • "Deadline tracking".
  • "Reads your inbox and your contracts".

Ava is "it."

Ava is a tool, an operating partner, not a person. Refer to it with it/its, never she/her. "Chat with Ava." "Ava reads your contracts." "Ava learns from your edits."

06 · Imagery & shape

Real product first. Architecture, on purpose.

Product UI screenshots do most of the work. On top of an otherwise plain, productive surface rides a governed set of architectural shapes: accents, never wallpaper. No stock photography, no real-estate cliches.

The shape language

Arch shape
ArchA hero container or section entry, one per view.
Facade shape
FacadeAn at-a-glance status overview mosaic.
Stair shape
StairProgress: a milestone path climbing to the close.
Colonnade shape
ColonnadeA section divider or rhythm, or an empty state.
Keystone shape
KeystoneThe earned, recorded, close marker.
Threshold shape
ThresholdA modal frame or an "enter here" moment.
Gable shape
GableA brand or empty-state moment at large size.
Roofline shape
RooflineA section header band with a title beneath.
Bay shape
BayA promoted callout, "needs you," a featured suggestion.

Textures

Two governed textures, used as quiet atmosphere behind hero set pieces, never under reading text.

FluteVertical fluting, behind a hero mark or a night close.
CoursingHorizontal coursing, a subtle banded ground.

Five rules that keep it from becoming gimmick

1
Name the function or cut it.
A shape appears only when it does a structural job. If you cannot name it, delete it.
2
One dominant gesture per view.
At most one hero shape per screen or section. Two competing bold shapes, cut one.
3
Warmth once.
Brass, the Sentient serif, and the one bold gesture are spent a single time, on the most human moment.
4
Word beside form.
Any state a shape conveys is also spelled in a word. Meaning never rides on shape or color alone.
5
Data stays plain.
Figures, dates, and file numbers are Fragment-Mono evidence, never wrapped in a shape.
Inbox · Deal #28478:03 a.m.
14 Oak Street, rate lock
Lender confirmed the rate lock. Ava matched the email and flagged the deadline.
Pending · Jun 4
Do

Real product screenshots

Real Ava screens in rounded containers with a subtle shadow. The most common image in our materials.

ListedKit mark on charcoal
Do

The mark at scale on a night ground

Used large on hero and launch moments, with fluting as quiet atmosphere behind it. A set piece, not a pattern element.

Stock photo · hands on keyboard
Don't

Stock photography

No photos of people, hands on keyboards, houses, sold signs, or keys. Real-estate cliches undercut the brand.

Rainbow gradients & texture
Don't

Decorative patterns or shapes on data

Textures like fluting and coursing stay low-contrast atmosphere, never under reading text. Never wrap a number, or a shape becomes gimmick.

07 · Quick reference

The whole guide on one card.

If you only remember a handful of things, remember these. The full rules are above; this is for the moment you are three pixels deep and need a quick answer.

Colors

  • Paper#F7F6F2
  • Ink#1C1A16
  • Evergreen#173627
  • CTA green#2A6147
  • Mint (on dark)#5FC79A
  • Charcoal#141311
  • Brass#A8894F

Type

  • DisplaySentient
  • InterfaceHanken Grotesk
  • DataFragment Mono
  • Body16 px · 1.65
  • H1Sentient 40 · 500
  • CasingSentence case

Rules of thumb

  • Primary CTAEvergreen
  • BrassOnce per view
  • Arch radius140 px top
  • ShapesOne gesture / view
  • DataMono, never in a shape
  • ImageryReal UI, no stock

08 · Downloads

Get the assets.

Pre-approved marks and lockups, the design tokens, and the fonts. For a format not listed, email hello@listedkit.com.

09 · Approvals

One last thing.

Anything that uses our name, marks, or product UI in front of an external audience needs a quick review before it ships. We are fast, usually under two business days, and we are on your side.

When to send for review
  • Co-branded marketing or partner pages
  • Press releases or external announcements
  • Slide decks with the mark used at scale
  • Anything claiming product capabilities
  • New uses of imagery, photography, or illustration
When you can ship without us
  • Internal documents and decks
  • Using approved assets in approved contexts
  • Email signatures with the lockup
  • Anything that follows this guide cleanly

Brand reviews

Email hello@listedkit.com with what you're making, where it'll live, and a draft. We aim for a 2-business-day turnaround.

Email us