Short answer: good law firm logo design usually means a clean wordmark built around the firm’s name, not another set of scales, columns or a gavel. It must read clearly at the size of a phone header and a browser tab icon, come in a horizontal and a stacked version, and be delivered as SVG plus transparent PNG, light and dark variants, and a square icon for favicons and profiles.
Most firms think about a logo once, at founding, and then live with it for decades. That is fine if the logo was built well. The trouble is that many law firm logos were designed for letterhead and a sign on the door, and they fall apart on the surfaces where clients now see them first: a phone screen, a search result, a browser tab, a map listing.
Why most law firm logos look the same
Search for law firm logos and you will see the same handful of symbols over and over. Scales of justice. Greek columns. A gavel. A shield. A pillar inside a circle. Initials in a serif font set inside a box. A lion, occasionally.
These symbols were chosen for good reasons. They signal “law” instantly, and they borrow authority from courts and institutions. The problem is that because everyone uses them, they no longer distinguish anyone. A prospective client comparing three firms in a search result cannot tell one set of scales from another, and the logo contributes nothing to remembering which firm they liked.
There is also a practical problem. Detailed symbols, especially scales with thin chains and pans, turn into a gray smudge at small sizes. On a favicon, which is often shown at 16 or 32 pixels, the scales become unrecognizable. On a phone header, they push the firm’s name smaller to make room for an icon nobody can read.
That does not mean symbols are banned. A distinctive mark that is simple, bold and not a stock legal icon can work very well. But if the choice is between a well set wordmark and a generic symbol, the wordmark almost always serves the firm better.
Wordmarks, lettermarks and combination marks
A wordmark is the firm’s name set in a carefully chosen typeface, sometimes with small custom adjustments. It is the most common strong choice for law firms because the name is the brand, clients search by name, and referrals pass the name along. A wordmark puts the most important information in the most visible place.
A lettermark uses initials, which can work for firms with long names that are already known by their initials. It is risky for newer or smaller firms, because initials mean nothing to someone who has never heard of the firm.
A combination mark pairs a wordmark with a small symbol or monogram. This is useful because the symbol can stand alone in tight spaces (favicons, social avatars, app icons) while the full wordmark appears where there is room. The symbol should be derived from the firm’s identity, often a monogram from the initials, rather than borrowed from the courthouse.
Typography carries most of the weight in any of these. Serif typefaces suggest tradition and are common in law. Modern sans serifs suggest accessibility and are common in consumer facing practices like injury, family and immigration law. Either can work. What matters is that the typeface is legible at small sizes, that it is licensed for logo use, and that it fits the clients the firm serves. A business litigation boutique and a family law practice should not look interchangeable.
Long firm names and the small screen
Law firm names are often long. Three or four surnames, a connector, “Law Group” or “Attorneys at Law.” That is a real constraint, and it is the most common reason logos fail on mobile.
On a phone, the site header typically has to hold the logo, a phone button and a menu icon in a narrow strip. A long horizontal wordmark either shrinks until it is unreadable or wraps awkwardly. The answer is to design for that constraint from the start, with at least two lockups: a horizontal version for desktop headers and wide layouts, and a stacked or condensed version for mobile headers, where names sit on two lines or a short form of the name is used.
Test the logo at actual size on a real phone before approving it. Hold it at arm’s length. If you cannot read the firm’s name without squinting, it is too small or too detailed. Also check it next to the tap to call button, because on many law firm sites that button matters more than the logo and should not be crowded out by it.
Descriptors like “Attorneys at Law” or a tagline can be dropped from the mobile lockup entirely. The firm’s name is what needs to be legible; the descriptor can live in the page content and in the browser title.
File formats a law firm website actually needs
A logo delivered as a single JPEG is one of the most common problems we see when firms start a website redesign. Each surface needs a different version, and having them ready saves time and avoids blurry, mismatched results.
| File | Format | Where it is used |
|---|---|---|
| Primary horizontal logo | SVG, with a transparent PNG fallback | Desktop site header, footer, email signatures |
| Stacked or compact logo | SVG and transparent PNG | Mobile header, narrow layouts |
| Light and dark versions | SVG and PNG, one for light backgrounds and one for dark | Dark footers, hero images, dark mode contexts |
| Square icon or monogram | PNG at large size, plus small exports | Favicon, Apple touch icon, social avatars, map and profile listings |
| Favicon set | ICO or PNG in several small sizes | Browser tabs and bookmarks |
| Logo for structured data | PNG or other format Google can index, square or close to it | Organization schema for search results |
| Social share image | PNG or JPG with the logo on a branded background | Link previews when pages are shared |
| Print and signage master | Vector source file (AI, EPS or PDF) | Letterhead, signage, printing |
SVG matters because it is a vector format: it stays sharp at any size and on high resolution screens, and it is usually a small file. Transparent PNGs are needed where SVG is not supported or where a platform asks for a raster image. Keep the PNGs reasonably sized so they do not slow the page down.
For search, Google’s guidelines for the logo in Organization structured data ask for an image at least 112 by 112 pixels, at a crawlable URL, in a format Google Images supports. A square version of the mark works best there. Our guide to schema markup for law firms explains how that logo connects to the rest of the firm’s entity information.
Color, contrast and the logo inside a website
A logo’s colors set the palette for the whole site, so choose them with the site in mind. Navy, burgundy, forest green and gold are traditional in law. They can look excellent, but they are also common, and gold in particular often fails contrast requirements when used for text or buttons on a white background.
Make sure the logo works in one color, both dark on light and light on dark. Many sites place the logo over a photograph or a dark header, and a two color logo that relies on a pale accent disappears. Check accessibility contrast for any text in the logo, especially small descriptors.
Avoid placing the logo inside a solid box or badge just to make it stand out. Boxes add visual weight, take space in narrow headers and often look dated. A logo designed with enough contrast does not need one.
Ethics questions a logo can raise
A logo is part of a firm’s advertising, and the firm’s name is regulated. Under ABA Model Rule 7.1, communications about a lawyer’s services must not be false or misleading, and the ABA moved its guidance on firm names and trade names into the comments to that rule in 2018. States vary in how they treat trade names, and some keep separate provisions on firm names.
A few logo choices deserve a second look. Symbols that resemble government seals, eagles, flags or official emblems can imply an affiliation with a court or agency. Words like “Group” or “Associates” can imply a size the firm does not have. Using the name of a departed or deceased partner can be permitted in some states and restricted in others. Before finalizing a new name or mark, check the rules in every state where the firm practices, starting with our attorney advertising rules by state hub. This is not legal advice; check your state bar’s rules.
Trademark clearance is a separate question. If the firm plans to invest in a distinctive name or symbol, it is worth a search to make sure it does not conflict with an existing mark.
Who should design it
A logo for a law firm can be designed by a dedicated identity designer or by the team building the website, as long as they understand how it will be used on screens. The best results usually come when the logo and the site are planned together, so the header, mobile layout and color system are designed around the mark. If you are choosing someone, our guide on how to choose a web designer for your law firm includes questions to ask about brand work.
Ask for the full file set in the table above as part of the deliverable, along with a simple usage sheet showing minimum sizes, clear space and approved color variants. A logo without those files will cost more to fix later than it would to request now.
Frequently asked questions
Should a law firm logo include scales of justice?
It does not have to, and usually should not. Scales are so common they no longer distinguish a firm, and their thin details become unreadable at small sizes. A strong wordmark or a simple monogram is more memorable and works better on screens.
What file formats does a law firm logo need for a website?
At minimum an SVG of the main logo, transparent PNG versions, light and dark variants, a stacked or compact version for mobile, a square icon for favicons and profiles, and a vector master file for print.
How should a long law firm name fit in a mobile header?
Design a stacked or condensed lockup specifically for mobile, drop descriptors such as “Attorneys at Law,” and test the logo at actual size on a phone next to the call button before approving it.
Can a law firm logo use a seal or flag?
Be careful. Symbols resembling government seals, flags or official emblems can suggest an affiliation the firm does not have, which raises concerns under Rule 7.1 and state rules. Check your state bar’s rules before using them.
The short version
Most law firm logos borrow the same courthouse symbols and lose legibility on phones. A well set wordmark, with a simple monogram for small spaces, a stacked mobile version and a complete set of SVG and PNG files, will serve the firm far better. Choose colors with contrast in mind and check name and symbol rules in every state you practice in.
If you are planning a new logo alongside a new site, see what each option includes on our law firm website packages page, or run a free website scan to see how your current logo and header perform on mobile.
