Brand Assets

Logos

10

The tri-chevron “A” mark and master wordmark. SVG shown, PNG and WebP available at the same paths.

Horizontal, Full Color SVG

Horizontal, Black SVG

Horizontal, White SVG

Vertical, Full Color SVG

Vertical, Black SVG

Vertical, White SVG

Square, Full Color SVG

Symbol, Color SVG

Symbol, Black SVG

Symbol, White SVG

Usage Guidelines

Full-color logo on white or light backgrounds
White logo on navy, dark, or photo backgrounds
Symbol (standalone “A”) for small spaces, avatars, favicons, app icons
Never stretch, rotate, recolor, or add effects to the logo
Maintain clear space around the logo equal to the height of the symbol mark

Sub-Brand System

One master brand, three product lines. Each sub-brand tints the shared symbol with its own accent.

Frontline Navy SVG

Client-facing intake & reception, the first line of contact.

Staffline Gold SVG

Embedded staffing & placement for scaling teams.

Backline Blue SVG

Behind-the-scenes case & admin support that keeps work moving.

Mascot, “Ari”

The friendly headset Assistant. Used to greet and help customers, as an inline character or a fixed help launcher.

Ari carries the brand’s warmth into product and support surfaces. Keep the character on brand-colored or neutral backgrounds, never recolored. Pair with a short, direct greeting, “How can we help your firm today?”

Download SVG

Color Palette

Full brand palette with Tailwind tokens. Max 1–2 background colors per surface, white or navy.

Brand Colors

#1a3a5c

Navy

brand-navy

Hero backgrounds, primary dark surface

#F9A630

Gold

brand-gold

Primary CTAs, accents, dividers, logo mark

#d98a00

Gold Dark

brand-gold-dark

Gold-on-white text, hover states

#fef6e8

Gold Light

brand-gold-light

Gold icon surfaces

#50a7dd

Blue

brand-blue

Links, badges, secondary accents

#588aa5

Steel

brand-steel

Muted accents, secondary text on dark

#0b0000

Black

brand-black

Primary text

Sub-Brand Accents & Pairing

✓ Gold on Navy, primary CTA

✓ Navy on White, body

✕ Gold on White, never (use Gold Dark)

Frontline = Navy · Backline = Blue · Staffline = Gold

Navy Scale

25

50

100

200

300

400

500

600

700

800

900

950

brand-25 → brand-950

Gray Scale

25

50

100

200

300

400

500

600

700

800

900

950

gray-25 → gray-950

Typography

Sora for headings, Inter for body, a mono kicker for eyebrows, and Bangers for loud comic campaign headlines.

Headings

Sora

font-heading · -0.02em tracking

The quick brown fox

800 · ExtraBold

The quick brown fox

700 · Bold

The quick brown fox

600 · SemiBold

Body

Inter

font-body

The quick brown fox jumps over the lazy dog

600 · SemiBold, buttons, labels

The quick brown fox jumps over the lazy dog

500 · Medium, strong body

The quick brown fox jumps over the lazy dog. Attorney Assistant solves the operational problems that prevent law firms from growing.

400 · Regular, body text

Eyebrow, Mono kicker

Operations, solved

Problem → Solution

IBM Plex Mono · uppercase · 0.12em tracking

Display, Bangers (comic)

Delegate to achieve more

Loud all-caps campaign/social headlines only, use sparingly. Sora stays the default heading face.

Components

Button variants, badges, cards, and UI patterns.

Buttons, Light BG

Primary Secondary Tertiary Brand Navy

.btn-primary, Gold bg, dark text, hover lift + glow

.btn-secondary, White bg, gray border

.btn-tertiary, No bg, hover gray-50

.btn-brand, Navy bg, white text

Buttons, Dark BG

Primary Ghost Light

.btn-primary, Same gold button, works on all backgrounds

.btn-ghost-light, White border, transparent fill

Badges

Brand Gray Gold Navy Success Warning

.badge + .badge-{variant}

Cards & Dividers

.card

.card-hover

.divider-gold, 48×2px

Iconography

2 styles

Two icon styles, chosen by context, line icons for UI, comic icons for hero and campaign moments.

Line Icons

48 · recolorable via currentColor

Business & Finance

analityc

bank

bearish

bullish

business bag

business document

cahs out

chart

coins

exchange

finance guard

fund

group

hand shake

investation

locker

money bag

piggy bank

refund money

report business

stick chart

target

transfer money

wallet

Law & Legal

banking law

book law

business law

certificate

crime

document police

gender equality

hammer

international law

law scale

lawyer 1

lawyer 2

online law

paten law

police file

police note

prison

property law

research file

shield

trust

umbrella

withness 1

withness 2

Comic Icons

pop-art spot illustrations, hero & campaign only

Missed Intake PNG

Deadline Clock PNG

Growth Chart PNG

Play Button PNG

Illustrations

10

Comic / pop-art brand scenes, heavy inks, halftone shading, navy/blue/gold, and the recurring “we rescue law firms” superhero motif. Marketing use only, never functional UI.