RankMeOn.AI logoRankMeOn.AI
Sign in
Brand Guidelines

RankMeOn.AI LogoRankMeOn.AI

Get Found by AI. Be Chosen by Humans.

RankMeOn.AI helps businesses and agencies measure, track, and improve their visibility across AI-powered search engines and LLM platforms.

About RankMeOn.AI

Who we are and what we stand for

Full Description

In the age of AI-driven search, being found by traditional search engines is no longer enough. RankMeOn.AI is a comprehensive platform designed specifically for Answer Engine Optimization (AEO). We help businesses understand how AI models perceive, recommend, and rank their brand, providing actionable insights to improve visibility across ChatGPT, Perplexity, Claude, Gemini, and other AI platforms. Our data-driven approach combines real-time monitoring, competitive analysis, and strategic recommendations to ensure your brand stays ahead in the AI-first future.

Mission

Architecting AI Discoverability for the Post-Search Economy

Vision

When answers become distribution,

Control over output is power,

We set the standard.

Core Values

The principles that guide everything we do

Visibility

We believe every brand deserves to be seen. Our tools ensure you're not invisible to AI.

Accuracy

Real data, not guesswork. Every insight is backed by actual AI model responses.

Actionability

Knowledge without action is wasted. Every report includes clear next steps.

Velocity

The AI landscape moves fast. Our platform keeps you ahead of the curve.

Logo & Brand Mark

Our visual identity across all platforms

Logos

RankMeOn.AI Logo

Primary Logo

Blue icon + white text on dark

RankMeOn.AI Logo White

Logo on Brand

White icon + white text on blue

RankMeOn.AI Logo Blue

Logo on Light

Blue icon + blue text on white

RankMeOn.AI Logo Dark

Logo Dark

Blue icon + dark text on white

Icon

RankMeOn.AI Icon

Primary Icon

Full color on dark backgrounds

RankMeOn.AI White Icon

White Icon

Monochrome for colored backgrounds

RankMeOn.AI Dark Icon

Dark Icon

Dark version for light backgrounds

Logo Usage Guidelines

Do's

  • ✓Maintain 16px minimum clear space around logo
  • ✓Use on dark backgrounds (#0B1120 or darker)
  • ✓Minimum display size: 120px width
  • ✓Use white version on colored backgrounds

Don'ts

  • ✗Don't stretch, skew, or rotate the logo
  • ✗Don't change the logo colors
  • ✗Don't add effects (shadows, outlines, gradients)
  • ✗Don't place on busy or low-contrast backgrounds

Color Palette

Our complete color system with usage guidelines

Brand 50

Subtle backgrounds, hover states

HEX
#EFF6FF
RGB
239, 246, 255

Brand 100

Light backgrounds, borders

HEX
#DBEAFE
RGB
219, 234, 254

Brand 200

Disabled states, dividers

HEX
#BFDBFE
RGB
191, 219, 254

Brand 300

Secondary elements

HEX
#93C5FD
RGB
147, 197, 253

Brand 400

Hover states, accents

HEX
#60A5FA
RGB
96, 165, 250

Brand 500

Primary brand color, buttons, CTAs

HEX
#4A76FE
RGB
74, 118, 254

Brand 600

Active states, pressed buttons

HEX
#2563EB
RGB
37, 99, 235

Brand 700

Dark accents, text on light

HEX
#1D4ED8
RGB
29, 78, 216

Brand 800

Very dark accents

HEX
#1E40AF
RGB
30, 64, 175

Brand 900

Darkest brand shade

HEX
#1E3A8A
RGB
30, 58, 138

Topbar

Header/navigation bar (slate-950 with 80% opacity + blur)

HEX
#020617
RGB
2, 6, 23

Brand Gradient

CSS Linear Gradient

background: linear-gradient(135deg, #4A76FE 0%, #38BDF8 100%);

Tailwind CSS

bg-gradient-to-br from-brand-500 to-cyan-400

Typography

Font families, weights, and hierarchy

Inter

Primary font for all UI text, headings, and body copy

Download ↗
The quick brown fox jumps over the lazy dog
400 (Regular)500 (Medium)600 (SemiBold)700 (Bold)
Fallback: system-ui, -apple-system, sans-serif

JetBrains Mono

Code blocks, technical data, metrics, and monospace elements

Download ↗
0123456789 ABCDEF {}[]()
400 (Regular)500 (Medium)
Fallback: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace

Type Scale & Hierarchy

Display

Get Found by AI. Be Chosen by Humans.

Size: 48px / 3rem
Weight: 700
Line Height: 1.1
H1

Heading 1 Example

Size: 36px / 2.25rem
Weight: 700
Line Height: 1.2
H2

Heading 2 Example

Size: 30px / 1.875rem
Weight: 600
Line Height: 1.25
H3

Heading 3 Example

Size: 24px / 1.5rem
Weight: 600
Line Height: 1.3
H4

Heading 4 Example

Size: 20px / 1.25rem
Weight: 600
Line Height: 1.4
Body Large

The quick brown fox jumps over the lazy dog.

Size: 18px / 1.125rem
Weight: 400
Line Height: 1.6
Body

The quick brown fox jumps over the lazy dog.

Size: 16px / 1rem
Weight: 400
Line Height: 1.6
Body Small

The quick brown fox jumps over the lazy dog.

Size: 14px / 0.875rem
Weight: 400
Line Height: 1.5
Caption

The quick brown fox jumps over the lazy dog.

Size: 12px / 0.75rem
Weight: 500
Line Height: 1.4

Tone of Voice

How we communicate with our audience

Confident

We know what we're talking about. Our voice is authoritative without being arrogant.

"Your brand is being discussed by AI. The question is: what are they saying?"

Data-Backed

Every claim is supported by real metrics. We show, don't just tell.

"83% of businesses appear in fewer than 3 AI responses for their core keywords."

Tactical

We focus on what works. No fluff, no theory. Just actionable intelligence.

"Add these 5 phrases to your FAQ to increase AI citation probability by 40%."

Forward-Looking

We're building for the future of search, not optimizing for the past.

"By 2026, 50% of searches will never reach a traditional search engine."

Contact & Social

Get in touch and follow us

Contact Information

Company

RANKMEON AI LTD

General Inquiries

info@RankMeOn.AI

Social Media

Instagram

@RankMeOn.AI

LinkedIn

RankMeOn AI

Interactive Sitemap

Explore everything RankMeOn.AI has to offer

Pro Tip

Start with the Dashboard after signing up. It's your mission control for AI visibility.

Quick Action

Run a free AEO Score check to see how AI-ready your website is right now.

Growth Path

Check our Pricing page to find the plan that scales with your visibility goals.

See RankMeOn.AI In Action in a Slidedeck

↓
Scroll to Continue