AUVETRACE

Making agent behavior reviewable.

A client identity and digital experience study for Auvetrace. One visual rule carries the story from a product explanation to the steps a team would review.

Brand strategyVisual identityProduct conceptCampaign system

Concept photograph of translucent panels carrying an angular blue trace

A complex product needs a clear first explanation.

The Auvetrace brief centers on oversight for teams that deploy AI agents. Its intended buyer needs to understand what an agent did, which step needs review and what the team should do next. This study designs an identity around that task.

Project: Auvetrace
Type: Client project
Audience: AI engineering and product leaders
Intended action: Request a product demo

Three problems shape the work.

The client brief defines three jobs for the identity and applications.

01 / CLARITY

Agent traces are difficult to explain outside engineering.

The marketing site needs to turn a technical workflow into a sequence a buyer can follow.

02 / REVIEW

A final answer hides the steps that produced it.

The product concept needs a visible connection between action, evidence and a review decision.

03 / CONSISTENCY

The story changes across touchpoints.

The identity must remain recognisable in an app icon, product UI, campaign tile and physical material.

THE STRATEGIC CHOICE

A single angular route connects prompt, action, evidence and review. Square checkpoints identify the places where a team needs to look closer.

The mark comes from the product story.

The route is used as a symbol and as a layout device. The square checkpoint stays the same shape in the mark, digital screens and printed applications. Type and colour keep the technical subject direct and readable.

AUVETRACE

EVERY AGENT ACTION,
ACCOUNTED FOR.

Logo construction and scale study. The path and square points are deliberate parts of the symbol.

Auvetrace headline, body and trace-metadata typography hierarchy — Typography hierarchy: direct headlines, readable explanation and monospaced trace metadata.

INK / #14212B

CHALK / #F3F1EA

BLUE / #346CE3

MINT / #A7DDD1

Built to stay recognizable.

The logo has an explicit exclusion zone and the type system is shown in its actual face. These boards use the 3266 × 1952 presentation ratio of the identity references.

01 / LOGO CONSTRUCTION

One route.
Two checkpoints.

CLEAR SPACE: 12 SOURCE UNITS BEYOND EACH EDGE OF THE 96 UNIT ARTBOARD. KEEP TEXT AND OTHER GRAPHICS OUTSIDE THE DASHED OUTER BOX.

02 / TYPOGRAPHY

Hanken Grotesk
for direct explanation.

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 / ? ! & @

Light300Medium500Bold700Heavy850

HEADLINE: EVERY AGENT ACTION, ACCOUNTED FOR.
SUPPORTING DATA: CONSOLAS MONOSPACED LABELS.

The exclusion rule is defined from the SVG’s 96-unit artboard. The size row shows the mark at the displayed scales.

Rules make the system reusable.

The route stands for a reviewable sequence. Ink establishes focus, chalk gives content room to breathe, blue carries action and mint marks checkpoints. These rules guide the identity across applications.

MARK / APPROVED BACKGROUNDS

Four color lockups

AUVETRACE

INK TREATMENT

Full-color mark on ink, chalk and mint. White single-color mark on blue. Preserve the 12-unit clear-space rule around every lockup.

PALETTE / SUGGESTED COMPOSITION

Color roles and proportions

CHALK
#F3F1EA40%

INK
#14212B35%

BLUE
#346CE320%

MINT
#A7DDD15%

Suggested overall balance across layouts. Mint is a checkpoint accent; blue carries links and calls to action. Adjust per application while keeping contrast readable.

TYPE / USE, NOT JUST LETTERFORMS

Hierarchy in practice

DisplayHanken Grotesk 500
64–96 px desktop
40–56 px mobile
Line height 0.98–1.08

Section titleHanken Grotesk 500
42–68 px desktop
34–46 px mobile
Line height 1.04–1.12

BodyHanken Grotesk 400
16–19 px
Line height 1.5–1.6
Left aligned

MetadataConsolas 600
10–12 px
Letter spacing 0.08em
Uppercase labels

The identity works where buyers meet the product.

The website puts the buyer problem first, then shows the four stages of an agent run.

auvetrace / concept view

AUVETRACE

Explore run ↗

AI AGENT OVERSIGHT

Know what your agents did.
And what to review next.

Follow a run from prompt through tool action, evidence and decision. Give engineering and product teams one shared review path.

Explore sample run ↗

RUN / EXAMPLE4 STAGES

Evidence needs a source.

The sample run pauses when its reply has no verified citation.

AUVETRACE / DESKTOP WEBSITE

The website message survives the phone.

The mobile view uses the same headline, four-stage model and demo request as the desktop concept, with the reading order adjusted for a narrow screen.

WEBSITE / MOBILE APPLICATION

The product story stays intact across screens.

A buyer sees the offer, the review path and the intended next step without needing a desktop layout.

9:41◕ ▴ ▰

AUVETRACE

☰

AI AGENT OVERSIGHT

Know what your agents did. And what to review next.

Follow a run from prompt through tool action, evidence and decision.

Explore sample run ↗

RUN / EXAMPLE4 STAGES

Evidence needs a source.

AUVETRACE / MOBILE WEBSITE

A reviewable run, on desktop and mobile.

The product views repeat the identity rule as an actual information structure. Sample states make the decision visible without inventing product usage statistics.

AUVETRACE

CONCEPT PRODUCT / SAMPLE RUN

RUN / 2084

Review this response.

Support-agent run · example sequence

Customer policy questionReview needed

Reason

A cited policy article is missing from the draft reply.

Next step

Confirm a source before the response is released.

AUVETRACE

Run 2084
needs review.

Sample support-agent run

Review needed

Request parsedSTEP 01 / COMPLETE

Knowledge lookupSTEP 02 / COMPLETE

Evidence missingSTEP 03 / REVIEW

Open review details ↗

AUVETRACE / PRODUCT EXPERIENCE

One mark across small social surfaces.

The app icon carries the full path. A social profile mockup presents the offer in plain language and gives campaign content a repeatable place to start.

Recognition begins
at small scale.

The same symbol is used for an app icon, profile image and navigation lockup.

Auvetrace

Follow an AI agent run from action to evidence and review.

SOCIAL PROFILE AND POST ARE DESIGN MOCKUPS; NO ACCOUNT, AUDIENCE OR ENDORSEMENT IS REPRESENTED.

The app icon in context.

A launcher view checks distinction, shape and contrast among neighboring icons. It is a generic phone concept; no device maker, operating system or published app is implied.

9:41◕ ▴ ▰

◷Clock

▦Notes

◉Photos

✉Mail

Auvetrace

▤Files

◌Maps

▥Calendar

ICON / OS CONTEXT

A path that reads among other apps.

The chalk tile gives the blue route and mint checkpoints a consistent silhouette in a dense launcher. The icon is also used in the profile and product navigation views above.

APP TILE / GENERIC LAUNCHER STUDY
CLIENT BRAND STUDY

AUVETRACE / APP ICON IN CONTEXT

A campaign system that repeats the idea.

Three poster concepts carry the same route and checkpoints. Each asks for a product demonstration, while changing the emphasis from visibility to review to action.

AUVETRACE

Every agent action, accounted for.

REQUEST A PRODUCT DEMO ↗

AUVETRACE

See the steps behind the answer.

PROMPT / ACTION / EVIDENCE / REVIEW

AUVETRACE

Know what needs review next.

REQUEST A PRODUCT DEMO ↗

CAMPAIGN CREATIVE CONCEPT / NO PLACEMENTS, SPEND OR PERFORMANCE RESULTS ARE CLAIMED.

The message adapts beyond posters.

The same promise becomes an email header and a compact display placement. Both retain the mark, route language and demo intent.

DISPLAY / CONCEPT

Know what needs review next.

AUVETRACE ↗

AUVETRACE / CAMPAIGN CREATIVE

The same system, in physical contexts.

The route stays legible across a printed report, event wall and badge. These applications carry the same mark, palette and typography into physical contexts.

Generated concept photograph of an Auvetrace report cover and translucent sheets — Review report cover and translucent page system.

Generated concept photograph of an Auvetrace conference booth and badge — Event wall and badge application.

WHAT THIS STUDY PUTS IN PLACE

A brand with one clear job.

The work connects a technical offer to a consistent identity and a buyer-facing demonstration path. It is a client brand study. Product adoption and commercial results have not been provided for this case study.

Created for this study

Positioning and message hierarchy
Vector mark, type hierarchy and palette
App icon and social profile concept
Website and product screen concepts
Campaign layouts
Proposed physical applications

How a live version could be assessed

Test whether target buyers can explain the offer after viewing the page
Test whether product reviewers can locate the failed step in a sample run
Measure qualified demo requests after launch, with a real baseline

Auvetrace / brand identity, digital experience and campaign system.

Making agent behavior reviewable.

A complex product needs a clear first explanation.

Three problems shape the work.

Agent traces are difficult to explain outside engineering.

A final answer hides the steps that produced it.

The story changes across touchpoints.

The mark comes from the product story.

Built to stay recognizable.

One route.Two checkpoints.

Hanken Groteskfor direct explanation.

Rules make the system reusable.

Four color lockups

Color roles and proportions

Hierarchy in practice

The identity works where buyers meet the product.

Know what your agents did.And what to review next.

Evidence needs a source.

The website message survives the phone.

The product story stays intact across screens.

Know what your agents did. And what to review next.

Evidence needs a source.

A reviewable run, on desktop and mobile.

Review this response.

Run 2084needs review.

One mark across small social surfaces.

Recognition beginsat small scale.

Auvetrace

See the steps behind the answer.

The app icon in context.

A path that reads among other apps.

A campaign system that repeats the idea.

Every agent action, accounted for.

See the steps behind the answer.

Know what needs review next.

The message adapts beyond posters.

See the steps behind the answer.

Know what needs review next.

The same system, in physical contexts.

A brand with one clear job.

Created for this study

How a live version could be assessed

One route.
Two checkpoints.

Hanken Grotesk
for direct explanation.

Know what your agents did.
And what to review next.

Run 2084
needs review.

Recognition begins
at small scale.