Brand Blue
#1A8CFF
--v2-brand-blue
Placed JetAds logo on light surfaces.
01 · Positioning
02 · Logo & imagery
The maintained transparent logo is referenced by src/assets/jetads-logo.png.asset.json. JetLogo renders approved blue, white and black colourways; PNG downloads use that same asset. An outlined print master is not supplied.
03 · Colour
JetAds blue is the identity. Primary actions use one deep-blue to sky-blue gradient on both light and dark surfaces. No purple.
#1A8CFF
--v2-brand-blue
Placed JetAds logo on light surfaces.
#1076EA
--v2-navy
Blue emphasis and platform-icon backgrounds.
#2F9DFF
--v2-navy-hi
Supporting blue accents.
#0B3F8F
--audit-gradient (0%)
Deep-blue CTA start.
#1A76D6
--audit-gradient (52%)
Blue CTA middle.
#58B8FF
--audit-gradient (100%)
Sky-blue CTA finish.
Current homepage tokens: white, cool light fields, ink text and clear contrast. Use semantic roles, not a new palette.
#FFFFFF
--v2-paper
Reading surface and light header.
#F5F8FB
--v2-paper-alt
Light section contrast.
#F4F4F5
--v2-mist
Neutral-grey panels where already used.
#0C1622
--v2-ink
Main text on light surfaces.
#0B1220
--v2-ink-deep
Dark header and surface base.
#5A6B7C
--v2-baseline
Supporting light-surface copy.
#E3E9F0
--v2-rule
Light borders and dividers.
#9AA5B4
--v2-dark-body
Supporting dark-surface copy; headlines are white.
Meaningful colour in reviews, illustrations and performance data—not competing CTA colours.
#00A9FF
--v2-lift
Performance figures, links and icons.
#7CC7FF
--v2-sky-hi
Dark-surface emphasis and light-blue illustration accents.
#16A34A
--v2-green
Growth and connected/approved states.
#22C55E
--v2-green-hi
Supporting growth illustrations.
#F5A524
--v2-gold
Review stars and guarantee emphasis.
#D1452F
--v2-flag
Errors and exclusions.
The primary CTA gradient on all surfaces. Hover reverses the blue stops. Never purple or violet.
linear-gradient(100deg, #0B3F8F 0%, #1A76D6 52%, #58B8FF 100%)Signature dark field for the standard footer and established dark sections. A surface treatment, not a button gradient.
linear-gradient(180deg, #0C2247 0%, #071630 42%, #030711 100%)04 · Typography
Anton · Offer headlines · 400
Everything an ad agency does.
Condensed uppercase offer headlines and large footer guarantee. Weight 400.
Plus Jakarta Sans · Headings · 600–800
Section headings and card titles, weights 600–800.
IBM Plex Sans · Body & UI
Work one-on-one with the people growing your ads.
Body and UI. General body 16px, comfortable 1.6–1.65 leading.
IBM Plex Mono · Data & labels
01 / Onboard · Scale the ads
Instrument Serif · Editorial emphasis
A smarter way to run ads.
Editorial accents, italic heading emphasis and selected quotes; not body UI or buttons.
Caveat is reserved for existing handwritten accents.
05 · Buttons & layout
Use generous full-width sections with a constrained inner layout. Preserve established homepage rounded contrast panels and the standard footer. Do not force alternating colours, nest decorative cards or invent new background themes.
White #FFFFFF, alternate paper #F5F8FB and existing neutral mist #F4F4F5 panels.
Reading sections, team, proof, pricing and FAQ.
Ink gradient #0C2247 → #071630 → #030711, white headings and muted light copy.
Established homepage/performance contrast treatments and the standard dark footer.
06 · Creative
Feed and carousel.
Text inside the middle 80%.
Primary feed.
Text inside the middle 80%, extra room at the bottom.
Reels and Stories.
Top 14% and bottom 20% are unsafe because placement UI overlaps.
07 · Voice
Don't: Autonomous AI agents run your entire business.
Do: A real ads team. AI-powered speed. One-on-one in Slack.
Don't: We maintain your ad account.
Do: We build, test and scale the ads that grow your business.
Don't: Unlock revolutionary 10x performance.
Do: Our Ads Perform, Or You Don't Pay.
Don't: A guaranteed 5x ROAS for every client.
Do: We agree on what performance means before we start.
leverage · unlock · seamless · game-changing · supercharge · crush it · 10x · secret sauce · revolutionary · we're passionate about · in today's fast-paced world
08 · Reference & export
/* Current homepage values. Use semantic roles in page code. */
:root {
--audit-gradient: linear-gradient(100deg, #0B3F8F 0%, #1A76D6 52%, #58B8FF 100%);
--audit-on-action: #FFFFFF;
}
.v2 {
--v2-brand-blue: #1A8CFF;
--v2-navy: #1076EA;
--v2-navy-hi: #2F9DFF;
--v2-paper: #FFFFFF;
--v2-paper-alt: #F5F8FB;
--v2-mist: #F4F4F5;
--v2-ink: #0C1622;
--v2-ink-deep: #0B1220;
--v2-baseline: #5A6B7C;
--v2-rule: #E3E9F0;
--v2-dark-body: #9AA5B4;
--v2-lift: #00A9FF;
--v2-sky-hi: #7CC7FF;
--v2-green: #16A34A;
--v2-green-hi: #22C55E;
--v2-gold: #F5A524;
--v2-flag: #D1452F;
--v2-grad-ink: linear-gradient(180deg, #0C2247 0%, #071630 42%, #030711 100%);
--v2-grad-action: var(--audit-gradient);
--v2-grad-spectrum: var(--audit-gradient); /* legacy name; now blue only */
--v2-page-font-display: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
--v2-page-font-sans: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
--v2-page-font-mono: "IBM Plex Mono", ui-monospace, monospace;
--v2-page-font-serif: "Instrument Serif", "Iowan Old Style", Georgia, serif;
--v2-radius: 14px;
}
/* Offer headlines: Anton 400. CTA radius: 16px. Cards: 8px where already used.
Navigation: pill. Letter-spacing: 0. */