Brand Assets
Logos, colors, typography, icons, and brand elements.
Logos
11Use the appropriate variant for your context. PNG and WebP also available at the same paths.
Usage Guidelines
- Full-color logo on white or light backgrounds
- White logo on dark, navy, or photo backgrounds
- Icon variant for small spaces — social avatars, browser tabs, app icons
- Never stretch, rotate, recolor, or add effects to the logo
- Maintain clear space around the logo equal to the height of the icon mark
Color Palette
Full brand palette with Tailwind tokens.
Brand Colors
Navy
brand-navy
Hero backgrounds, primary brand color
Gold
brand-gold
Primary CTAs, accents, dividers
Gold Dark
brand-gold-dark
Hover states for gold buttons
Gold Light
brand-gold-light
Gold icon backgrounds
Blue
brand-blue
Links, badges, secondary accents
Steel
brand-steel
Subtle accents
Navy Scale
brand-25 → brand-950
Gray Scale
gray-25 → gray-950
Typography
Two typefaces — Sora for headings, Inter for body.
Sora
font-heading
The quick brown fox
800 · ExtraBold
The quick brown fox
700 · Bold
The quick brown fox
600 · SemiBold
The quick brown fox jumps over the lazy dog
400 · Regular
Inter
font-body
The quick brown fox jumps over the lazy dog
700 · Bold — emphasis
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
Display Scale
Aa
Aa
Aa
Aa
Aa
Aa
Components
Button variants, badges, cards, and UI patterns.
Buttons — Light BG
.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
.btn-primary — Same gold button, works on all backgrounds
.btn-ghost-light — White border, transparent fill
Badges
.badge + .badge-{variant}
Cards & Dividers
.card
.card-hover
.divider-gold
Icons
48Custom SVG icons — monochrome line-art, recolorable with CSS.
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 Social Media Assets
Pre-sized profile and cover images. Available in PNG and WebP.
