HawkyLogo
SVG markPass className to control size. Pure SVG, no props beyond className.
Internal · Not indexed
Components preview
A live gallery of every visual component in /components, grouped by family. Use this page to visualise variants before dropping them into a page. Skipped: JsonLd, Scripts, RawSection (no visual output).
Primitives
components/Cross-page building blocks. Importable from any route.
BookDemoButton
3 sizesSizes: sm (36px), md (40px), lg (44px). Also accepts fullWidth + className. Always links to /get-demo.
TableOfContents
Blog utilityClient component. Pass items: [{ id, text }]. Active item updates on scroll based on element IDs in the page.
Navbar
Full-bleed · stickySticky top: 0. Rendered live below — scrolling the page will demonstrate the sticky behaviour.
Footer
Full-bleedReal Footer component as it ships on every page.
FeaturePageLayout
Full-page shellA wrapping layout that includes its own Navbar + Footer + hero/sections. Not rendered here to avoid duplicate chrome. See it in use under /features/* routes.
Props: badge, badgeColor, badgeTextColor, headline, subheading, heroImage, heroImageWidth/Height, sectionHeading, features, ctaHeading, ctaBody. Use it as the only top-level element in a feature page's page.jsx.
Trusted By
components/trusted-bySocial-proof logo blocks. Pick a variant based on the host section (light vs dark, animated vs static, separated vs unified).
TrustedBySection
Default · splitOriginal two-column split between Brands and Agencies, with a vertical divider on desktop.
✦Trusted by 100+ brands and agencies✦
Brands
Agencies
TrustedByMarquee
Animated · unifiedInfinite horizontal scroll, all logos merged. Pass `speed` to tune cadence (default 30s).
✦Trusted by 100+ brands and agencies✦
TrustedByGrid
Static · gridCentered multi-row grid. `columns` prop sets desktop columns (default 6, mobile is always 3).
✦Trusted by 100+ brands and agencies✦
TrustedByStrip
Static · single rowMinimal single horizontal row with a small uppercase headline. Wraps on narrow widths.
Trusted by 100+ leading teams
TrustedByDark
Dark · animatedMarquee on a dark background with edge fade. `invertLogos` (default true) makes coloured marks read on dark.
Trusted by 100+ brands and agencies
Home Sections
components/homeMarketing sections composed on the homepage. Each is full-bleed and self-contained — you can drop any of them into other pages if the content fits.
HeroSection
Home · hero + trusted-byIncludes the TrustedBySection at the bottom. Centered hero with grid pattern background.
Agentic Performance Marketing PlatformAI Agents for Performance
AI Agents for Performance
Marketing Teams
AI Agents that analyze what's working, watch what competitors are doing, and generate creatives that win, all autonomously.
Book Demo✦Trusted by 100+ brands and agencies✦
Brands
Agencies
WhyHawkySection
Why · 6 reasonsCentered headline + 6-card grid of value props.
Why choose Hawky
Our platform delivers measurable results that transform your marketing performance
Real-time Performance Tracking
Monitor campaign performance in real-time with AI-powered alerts and recommendations.
Scale High-Performing Creatives
Focus on the creative elements that drive results and scale your best-performing campaigns.
Decode Algorithms
Understand how ad platforms work and optimize your creatives to align with their algorithms.
Cut Down Wasted Ad Spend
Spend your budget where it matters by identifying and eliminating underperforming creatives.
Cross-Platform Analysis
Compare performance across multiple platforms to identify the best channels for your audience.
Automate Compliance
Ensure all your creatives meet brand, legal, and channel requirements automatically.
FeatureShowcase
Reusable · darkImage-and-text split block on dark background. Accepts badge, heading, subheading, bullets[], image, reverse?: bool. Sample data shown below.
Creative Analysis
Element-level performance, not vibes
Hawky reads every creative element you ship — hooks, CTAs, backgrounds, personas — and connects each to the metric it moved. The result is a brand-specific playbook of what works.
Hook-level CTR breakdown
See which opening lines actually win attention.
Fatigue prediction
Know which creatives are about to drop before they do.
Winner DNA
The repeatable elements behind your top performers.
HowItWorksSection
5-step flow · clientSticky scroll-driven 5-step explainer with screenshots. Uses client-side scroll tracking.
How it works
How Hawky Works
Combine insights to auto-generate high-converting ad assets
01
Integrate All Your Ad Accounts
Connect your ad accounts and get actionable insights on what's working and what needs optimization.
How it works
How Hawky Works
Combine insights to auto-generate high-converting ad assets
01
Integrate All Your Ad Accounts
Connect your ad accounts and get actionable insights on what's working and what needs optimization.
02
Identify Winning Elements
AI analyzes your creatives at the element level (hooks, CTAs, visuals) to surface what actually drives performance.
03
Analyse Competitor Strategy
Understand what creative strategies are winning in your market and where competitors are gaining an edge.
04
Produce Winning Creatives
Generate creatives based on your winning patterns and competitor intelligence, in seconds.
05
Optimise Performance
Continuously improve with data-driven recommendations. Scale what works, kill what doesn't.
IntegrationsSection
Logo grid8 integration partner logos. Each cell has a per-logo scale to normalise visual size.
Seamless Integrations
TestimonialsSection
Quote carousel · clientRotating quote with brand-coloured hero panel. Auto-advances.
“
Hawky helped us identify winning creative patterns across our ad library. With AI-powered fatigue alerts and automated variation generation, we cut iteration cycles in half and doubled the performance of our top-performing ads.
Performance Marketing Lead, Performance Marketing
at The Man Company
2×
Creative performance
50%
Faster iteration cycles
CtaBanner
Pink bg · book-demoLeft-aligned heading + right-aligned BookDemoButton on a soft pink background.
Ready to Stop Guessing and Start Winning with Creative Intelligence?
Connect your ad accounts and get actionable insights on what's working and what needs optimization.
Creative Agent Sections
components/creative-agentThe sections that compose /agents/creative-agent. Each is tied to that page's content but rendered standalone here.
HeroSection
Agent heroEyebrow + heading + dual CTAs + product mockup card. Renders with extra top/bottom padding.
Creative Agent
Your AI creative designer.
Built for performance marketers. Reads your past winners, watches your competitors, learns your brand. Renders new creatives on-brand and waits for your approval before going live.
Live in your account in 24 hours.
studio.hawky.ai/creative-designerACTIVE · 12 NEW CREATIVES LANDING WED
Active task
🪔 Diwali Math Push · 6 statics for JEE Repeaters
Target: ad set CTR ↑ 18% · Approvers: Priya, Sathwik · Wed 9:42am
47
Live
12
Pending
8
Generating
138
Lifetime
Your tasks · 4 running
🪔
Diwali Math
India · Weekly
🚀
UAE Coding
UAE · Biweekly
🌎
US Brand Build
US · Monthly
📚
JEE Repeaters
India · Weekly
Latest from your designer
LIVE
LIVE
NEW
PEND
LIVE
GEN
Today’s activity
09:14RENDERCR_47892 drafted — Founder Authority hook
11:02APPROVECR_47821 approved by Priya · pushed to Meta
13:41FLAGCR_47890 headline too aspirational — request changes
15:30LEARNCluster B static outperforms video by day 4 — noted to Feather
WhySection
Evidence card + copyTwo-col split with a creative-evidence card on the left and explanatory copy + Feather badge on the right.
The differentiatorEvery creative carries
Every creative carries
four lines of evidence.
Hover any creative. See the brand winner it descends from, the competitor pattern it borrows or counters, the portfolio gap it fills, and its entity DNA. Every claim links into Creative Intel to prove it.
Why this creative?
JEE Repeater · Founder Authority
CR_47892Diwali Math Push · Created Wed 9:42am
● LIVEW
Brand winner inheritanceBuilt on CR_47821, your #1 lead-driver for Math (₹47L spend · ROAS 1.29).
C
Competitor patternBorrows the Founder Authorityhook from brightchamps' top 3 ads in the last 30D, a slot you have not occupied.
G
Portfolio gapFills the missing Indoor · Morning setting. Current rotation is all outdoor.
E
Data-driven and competitor-backed. Literally.
Other tools cite past winners. Hawky cites past winners and competitor patterns and the portfolio gap a creative fills. Read back six months later. The brand team always knows why a creative exists.
Every entity is a click. Tap a hook, a background, a persona, and you land straight in Creative Intel filtered to the slice that proves the claim.
Powered by Feather · the living context layer
LoopSection
Dark · circular loopDark section with a 4-station circular loop diagram and a center Feather node. Mobile shows a stacked card list.
TriggersSection
3 trigger cards + destination3-up numbered trigger cards on a cream background, followed by a Destination chain card.
Triggers
Three ways a task wakes up.
A task doesn't fire blindly. It runs on a schedule you set, when you click Run Now, or when the platform spots a problem that needs new creatives.
01
Scheduled
The default. Pick a day, a time, and a cadence. Weekly Wed 9am · Biweekly Fri · Monthly first Monday.
ExampleDiwali Math Push runs every Wed at 9am IST. 6 statics into the inventory. Approvers notified.
02
Performance signal
The platform watches your live creatives. When an ad set fatigues, an audience under-serves, or CPL spikes on a slice, it spawns a task pointed at that exact campaign.
ExampleJEE Repeaters ad set CTR drops 18% over 7D. A task fires. 3 new statics queued for that ad set.
03
Manual
Click Run Now. Useful when a new offer drops, a competitor moves, or you want one more batch before the next scheduled run.
ExampleCompetitor launches a Founder Authority push at 11am. You hit Run Now. Counter rows live by 5pm.
DestinationEvery task knows
Every task knows
exactly where it goes.
A task isn't a pile of random creatives. It's bound to a specific campaign and ad set on Meta or Google. When the batch is approved, creatives push to that placement. No guessing where the work belongs.
Task🪔 Diwali Math Push
PlatformMMeta
CampaignIN · Math · Conversion · Q3
Ad setJEE Repeaters · Tier-1 Cities
PlacementsFeed · Reels · Stories
ApprovalSection
Approval mock + copyTwo-col split with an in-product approval workflow mockup on the left.
Approval workflowOperations generates.
Operations generates.
Brand signs off.
From any creative or batch, send for approval. Approvers see the rationale, leave comments per creative, approve or request changes. Full audit trail on every row.
A workflow your team already knows.
Pick approvers by typeahead. Add a note. Send the whole batch in one move. Each approver sees the creative, the four lines of evidence, and a per-creative comment thread.
Rejections write back to Feather so the designer doesn't ship the same kind of miss next week. The audit trail stays on the creative forever.
FundamentalsSection
6 fund cardsSix illustrated 'fundamentals' cards in a 3-up grid (warm background).
The fundamentalsWhat the designer
What the designer
knows how to do.
These aren't templates you pick between. They're the instincts baked into every task. Every creative the designer ships uses one or more.
ComparisonSection
Us vs them + FeatherTwo-card vs comparison + dark Feather callout below.
General-purpose creative tools vs HawkyOther tools generate.
Other tools generate.
Hawky operates.
Most tools ship one weekly run of N statics and call it a day. Hawky splits your work the way your team already splits it, cites competitor patterns no other tool tracks, and runs a real approval workflow.
General-purpose tools
- –One weekly run · N statics for the whole brand.
- –Output concepts and storyboards as the review surface.
- –Rationale cites past brand winners only.
- –Solo approvals. Bookmark, needs-improvement, done.
- –No live inventory. Past creatives are out of sight.
Hawky
- ✓Multiple scoped tasks. One per product, geo, audience, season.
- ✓Skip the concept stage. Show finished creatives, ready to launch.
- ✓Brand winners + competitor patterns + portfolio gaps. Three data layers.
- ✓Real review workflow. Seat-level approvers. Email + Slack + in-app.
- ✓Every creative, every state, forever. Generating to Fatigued.
FaqSection
2-col accordionHeading on the left, accordion list on the right with + / × toggle icons.
Frequently asked questionsThe honest stuff
The honest stuff
teams ask first.
FinalCtaSection
Confetti CTACream gradient card with confetti SVGs, two-col content + right-aligned CTA.
Add new families by importing them at the top and dropping another
<Family> block above.