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 Platform
AI Agents for Performance Marketing Teams
Two always-on agents and a Copilot for performance marketers. They buy media against your KPI, generate on-brand creatives from your winners, and answer any question about the account instantly.
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.
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
Hawky's Creative Agent ships finished, on-brand creatives -each one backed by your past winners, competitor patterns, and portfolio gaps. Approve every batch, or hand it the keys.
WhySection
Evidence card + copyTwo-col split with a creative-evidence card on the left and explanatory copy + Feather badge on the right.
The differentiator
Every Creative is data-driven and on-brand.
See which winner it descends from, the competitor pattern it borrows or counters, the portfolio gap it fills, and the creative's own DNA. Every claim is sourced from Feather -the context layer that holds your brand's entire performance memory.
Why this creative?
LoopSection
Dark · circular loopDark section with a 4-station circular loop diagram and a center Feather node. Mobile shows a stacked card list.
How it worksA Creative loop that gets sharper
A Creative loop that gets sharper
every cycle.
Past winners, competitor patterns, and portfolio gaps feed in. The Creative Agent synthesises concepts, renders them on-brand, waits for your approval, and launches. Performance reads flow back to Feather -the context engine where your brand kit, past winners, competitor moves, and every campaign read all live. Every cycle starts smarter than the last.
Powered byFeatherDBYour brand's context engine
Step 01
Analyse
Pulls winners + competitors + gaps. Generates concepts with rationale.
Step 02
Produce
Brand kit baked in. On-brand by default. Drops into your inventory.
Step 03
Approve
Seat-level reviewers. Email + Slack + in-app. Decide per creative.
Step 04
Launch + Learn
Live on Meta and Google. Performance writes back to Feather.
Powered by
FeatherDB
Your brand's context engineAnalyse
Pulls winners + competitors + gaps. Generates concepts with rationale.
Produce
Brand kit baked in. On-brand by default. Drops into your inventory.
Approve
Seat-level reviewers. Email + Slack + in-app. Decide per creative.
Launch + Learn
Live on Meta and Google. Performance writes back to Feather.
↻ Next cycle starts here
TriggersSection
3 trigger cards + destination3-up numbered trigger cards on a cream background, followed by a Destination chain card.
Triggers
Run on schedule. Run on signal. Run on command.
The Creative Agent doesn't wait for a brief. It fires on the cadence you set, when live performance slips, or the moment you click Run Now.
DestinationEvery Action knows
Every Action knows
exactly where it goes.
A action 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.
ApprovalSection
Approval mock + copyTwo-col split with an in-product approval workflow mockup on the left.
Approval workflow
Configure the Agent's autonomy.
Creative Agent can ship to Meta and Google without you. Most teams don't want that on day one. So pick your gate -every batch, every campaign, every brand, or none. Move it tighter or looser as trust builds. The audit trail stays the same either way.
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 fundamentals
The Agent's playbook.
These aren't templates you pick between. They're the instincts baked into every task. Every creative the Creative Agent 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 drop of N statics and call it a day. Hawky splits work the way your team already splits it -by product, geo, audience, season. Every creative cites the competitor pattern it borrows or counters. Every batch goes through real approval. Or none, if you've handed it the keys.
Every decision sits on FeatherDB.
FeatherDB is the living context layer underneath every Hawky task. Brand kit, past winners, competitor patterns, performance reads. It's the reason the rationales are data-driven, not vibes-driven. Every creative the designer ships is grounded in something FeatherDB already knows.
FaqSection
2-col accordionHeading on the left, accordion list on the right with + / × toggle icons.
Frequently Asked Questions
How many tasks can a brand run?
As many as you want.
What platforms does it launch to?
Meta and Google.
Does it make video?
Statics today. Video next.
FinalCtaSection
Confetti CTACream gradient card with confetti SVGs, two-col content + right-aligned CTA.
Hire your first AI Creative designer
Connect Meta and Google. Upload your brand kit. Create your first task. Get creatives that read like your team made them, only sharper.
Add new families by importing them at the top and dropping another
<Family> block above.
