The Investor Top 10 brand
Our logo, colors, type and social images in one place, with the files to download. Use them as they are, and the brand looks the same everywhere it appears.
Logo
The lockup is the mark and the wordmark together. Use it wherever there is room. Use the mark alone where space is tight or square.
Construction
The mark is drawn on a 40 by 40 grid. Every file is generated from these numbers and the real font, never redrawn by hand.
- Canvas
- 40 × 40, corner radius 12 (30%)
- Fill
- Diagonal gradient, top left
#6366F1to bottom right#7C3AED - Roof
- From 10.5, 17.5 to 20, 10 to 29.5, 17.5. Stroke
#FCD34D, width 3, round ends - “10”
- Plus Jakarta Sans 800, size 14, letter spacing −0.5, white, centered, baseline at 31.5
- Wordmark
- “Investor” 600 and “Top 10” 800, 19 on a 40 mark, letter spacing −0.02em
- Lockup
- Mark, a 10 gap, then the wordmark
Using the logo
Give it room, keep it large enough to read, and never change it.
At least a quarter of the mark's height on every side. Around a 40px mark, keep 10px clear.
The lockup at 120px wide or more. The mark at 24px or more. Smaller than that, use the favicon.
Use the white lockup or the mark on a calm area of the image, never the full-color lockup on busy detail.
Favicon and icons
The browser tab, the phone home screen and app stores use the mark. At 16 and 32 pixels, the “10” is drawn with heavier lines so it stays sharp.
Color
Slate for reading, indigo for anything you can click, gold for awards only, green for live and verified only.
#0F172A · --it10-inkHeadings and main text#4F46E5 · --it10-primaryLinks, actions, focus#F59E0B · --it10-goldAwards only#047857 · --it10-greenLive and verified only#334155 · --it10-text2Body text#5E6B80 · --it10-mutedSecondary text#E2E8F0 · --it10-lineBorders#F8FAFC · --it10-bgPage backgroundScore parts
#6366F1#0EA5A4#0EA5E9#8B5CF6#F59E0BGradients
#6366F1 to #7C3AED, with the roof in #FCD34D#F59E0B to #F97316, dark text #1C1204Typography
Two typefaces. Plus Jakarta Sans for headings, the logo, ranks and scores. DM Sans for everything you read.
Link previews
What appears when someone shares a Top 10 page on LinkedIn, Facebook, X, iMessage or Slack: 1200 by 630, made for each list and profile.
Top 10 investor‑friendly property managers in Atlanta
{Business} is #3 in Atlanta
Voice
How we write, on the site, in emails and on social.
Badges and awards
The monthly Top 10 badge for every list and city, “Best for” labels, “Recognized” for attorneys, the embed code for websites, and the rules for how each one may be shown. They will live here, drawn with the same mark and colors.
Downloads
Every official file. Use these rather than screenshots or copies.
| File | Use it for | Formats |
|---|---|---|
| Lockup | Websites, documents, emails (light and dark) | SVG lightSVG darkPNG @2xPNG @4x |
| White lockup | On brand color and photos | SVGMark SVG |
| Mark | Square spaces, social profiles | SVGPNG 32PNG 64PNG 128PNG 256PNG 512 |
| Favicon set | Browser tabs and home screens | ICOPNG 16PNG 32PNG 180PNG 512 |
| Social profile images | Every platform above | LinkedIn company page 400Facebook page 320X 400Instagram 320YouTube 800TikTok 200Google Business Profile 720Pinterest 165 |
| Social headers | Every platform above | LinkedIn company page 1128 × 191LinkedIn personal 1584 × 396Facebook page 851 × 315X 1500 × 500YouTube 2560 × 1440Google Business Profile 1024 × 576 |
| Link preview template | Shared links | PNG 1200 × 630 |
| Color tokens | Designers and developers | CSSJSON |
Social media
A profile image and a header for every platform, at each platform's current size. Keep words and the logo inside the safe area; the profile photo covers part of some headers.
Sizes as of September 2026. Platforms change them from time to time; we recheck every quarter and update the files here.