Sourced AI Benchmarks • Last checked Oct 15, 2026

RankLLMs Brand Kit

Download the official RankLLMs Layered Step logo suite, favicons, social graphics, colour tokens and brand guidelines.

The Layered Step identity

The RankLLMs symbol is built from three layered steps that represent progression from discovery to comparison to understanding. Each step is a rounded panel rotated on a shared angle: Obsidian at the back, Copper in the middle, Peach in front. The overlap and the drop shadow are part of the mark, not decoration.

Layered Step, brand kit v2 • Updated October 2026. These assets are free to use for editorial coverage, linking and non-commercial reference. This package is not a trademark clearance.

Download the full kit (1.4 MB)Read the brand guide

Colour system

Six approved values carry the whole identity. Everything else on this site is built from them.

  • Obsidian#23160F

    Dark canvas, body ink, wordmark on light surfaces

  • Deep Copper#6B360F

    Primary text accent, links, darkest step

  • Copper#E86A2E

    Brand accent, buttons, the middle step

  • Peach#F6A067

    Highlight step, accent on dark surfaces

  • Warm White#FEF9F4

    Light canvas, dark-mode wordmark

  • Rule#E7D8CA

    Hairline borders and dividers

CSS custom properties

--rankllms-obsidian: #23160F;
--rankllms-deep-copper: #6B360F;
--rankllms-copper: #E86A2E;
--rankllms-peach: #F6A067;
--rankllms-warm-white: #FEF9F4;
--rankllms-rule: #E7D8CA;

Typography

  • Sora

    Headings, interface and logo

    Discover. Compare. Understand.

    Geometric sans. Used for every heading, label and button across the site.

  • Inter

    Interface body copy

    Rankings, pricing and specs you can compare in seconds.

    Neutral sans. Used for interface text, tables and data-dense panels.

  • Source Serif 4

    Long-form editorial

    Independent analysis of the models behind the benchmarks.

    Transitional serif. Used for article prose, reviews and long-form guides.

Logo suite

Every lockup ships as SVG, PNG and PDF. The PNG files are flattened and ready to use; the SVGs carry live text and fall back to a system sans when Sora is unavailable.

  • RankLLMs horizontal logo on a warm white background

    Horizontal lockup

    Primary lockup for site headers, decks and partner panels. Minimum 120px wide.

    SVGPNGPDF
  • RankLLMs horizontal logo on an obsidian background

    Horizontal lockup, dark

    For dark surfaces. The wordmark switches to Warm White, the symbol keeps its copper steps.

    SVGPNGPDF
  • RankLLMs horizontal logo with tagline on a warm white background

    Horizontal lockup with tagline

    Adds "Discover. Compare. Understand." Use where the brand needs a supporting line.

    SVGPNGPDF
  • Stacked RankLLMs logo on a warm white background

    Stacked lockup

    Symbol above the wordmark. Best for square placements, print and merchandise.

    SVGPNGPDF
  • RankLLMs compact badge on a warm white background

    Compact badge

    Rounded container with the horizontal lockup. Useful for sponsor strips and inline badges.

    SVGPNGPDF
  • The RankLLMs three-step symbol in full colour

    Symbol, full colour

    The three layered steps on their own. Transparent background, 24px minimum in UI.

    SVGPNG
  • The RankLLMs symbol in solid black

    Symbol, monochrome

    Black and white single-colour symbols for print, engraving and one-colour placements.

    SVGPNGSVG (white)PNG (white)
  • The RankLLMs app icon on a warm white rounded square

    App icon

    Symbol on a warm white rounded square for app surfaces, install prompts and tiles.

    SVGPNGPDFPNG (dark)

Favicons and app icons

Square sizes for browser tabs, pinned tabs and platform install surfaces. The vector favicon is fitted to a square canvas so it lines up with the raster sizes.

Social and share graphics

Open Graph cards for link previews, square posts, avatars and the X and LinkedIn header crops.

  • opengraph-1200x630-dark.png preview

    opengraph-1200x630-dark.png

    1200 x 630

    Download
  • opengraph-1200x630-light.png preview

    opengraph-1200x630-light.png

    1200 x 630

    Download
  • social-square-1080x1080.png preview

    social-square-1080x1080.png

    1080 x 1080

    Download
  • avatar-400x400.png preview

    avatar-400x400.png

    400 x 400

    Download
  • avatar-800x800.png preview

    avatar-800x800.png

    800 x 800

    Download
  • x-header-1500x500.png preview

    x-header-1500x500.png

    1500 x 500

    Download
  • linkedin-banner-1584x396.png preview

    linkedin-banner-1584x396.png

    1584 x 396

    Download

Guidelines and web implementation

The written guide, the machine-readable tokens and the copy-ready snippets used on this site.

Using the mark

Do

  • Use the horizontal lockup on light backgrounds and the dark lockup on dark backgrounds.
  • Keep clear space equal to roughly the height of the capital R around the lockup.
  • Keep the horizontal logo at least 120px wide on the web, and the symbol at least 16px.
  • Use full-colour assets wherever colour is available, and the monochrome symbols when it is not.
  • Reference the approved palette and typefaces in this page rather than approximating them.

Don't

  • Do not flatten the three panels into solid bars.
  • Do not remove the depth and overlap between the steps.
  • Do not change the colour of an individual panel.
  • Do not stretch, rotate, recolour or add effects to the logo.
  • Do not rebuild the wordmark in another typeface.

Clear space and minimum sizes

  • Clear space around the lockup should equal roughly the height of the capital R.
  • Horizontal logo: 120px minimum width on the web.
  • Symbol only: 16px for a favicon, 24px preferred in interface use.
  • Print: 35mm minimum width for the horizontal lockup.

Questions about the brand

If you are covering RankLLMs, building a list of AI models, or writing about model comparisons, the assets above are cleared for editorial use. For anything else, or to request a specific format, use the contact page.

Brand identity and editorial standards are described on the editorial policy page. Data methodology lives on methodology.