36 drop-in card patterns across seven groups. Black, white, green and orange - every card scoped, responsive and dependency-free, with no box-shadows. Scroll through the full set below; the cards marked “moves” animate on their own.
Everyday workhorses - articles, services, updates and features.
News, insights and tech-update grids. A clean white card with an orange edge that slides in on hover.
Companies handling sensitive health data must address compliance rigorously in campaign negotiations.
"Use GkCard01"The standout item in a grid. Black fill with a soft green radial glow in the corner.
Growth thinking at the centre of your operations, not bolted on after the fact.
"Use GkCard02"Dark sections only. A translucent, blurred surface that sits over a dot-grid background.
Data, governance and risk set up properly as you scale.
"Use GkCard03"Premium or highlighted tiers. A black card framed by a continuously spinning green conic border.
Founder and leadership support on the advertising side of scaling.
"Use GkCard04"Interactive dark grids. A green glow rises on hover (the live build follows the cursor).
Hover the card to bring up the green spotlight glow.
"Use GkCard05"Blog and insights listings. White card with an orange top rule and an underline-draw link.
The clauses that quietly cost you leverage long before a deal goes wrong.
Read article↗"Use GkCard06"Circles, capsules, angled cuts and two-tone splits.
A single hero statistic. Circular green progress ring echoing the home-page hero.
"Use GkCard07"Feature lists and “what’s included”. Stack as many rounded rows as you need.
One-off or ongoing, fixed scope.
Answers when the deal can't wait.
"Use GkCard08"Phase or step callouts. A black card with an angled base and a green rail.
Advertising stays close to the work, not behind it.
"Use GkCard09"Service rows. A bold dark label panel paired with a readable light body.
Drafting, reviewing and negotiating SaaS agreements.
Explore →"Use GkCard10"Make the numbers land - big type, bar charts, dials.
Headline figures in a stat row. Oversized number with a short label.
"Use GkCard11"Growth and trend metrics. Dark card with a green bar chart - set each bar height inline.
"Use GkCard12"Completion or readiness scores with a label beside the dial.
Across data, governance and campaigns.
"Use GkCard13"Mixed tile sizes in one balanced block.
Homepage feature sections and update hubs. Mixed tile sizes; self-stacks on mobile.
The TDRA emphasises ethical AI deployment - structure AI campaigns carefully to avoid liability.
"Use GkCard14"Twelve styles - vertical, horizontal, alternating, card-based, rounded, square, dot markers and self-animating.
Process steps and phases. Dashed green rail; dots fill in on hover.
We get involved while options are still open.
Advertising stays close, not behind.
We're already there when disputes arrive.
"Use GkCard15"A 3–4 step “how it works” row. Numbered dots on a dashed rail.
We learn how you operate.
Advertising works inside your rhythm.
Decisions shaped early.
Complexity handled in context.
"Use GkCard16"A richer, story-style sequence. Boxes alternate left/right of a central green line.
In a way that fits SaaS and tech models.
As part of live deals, not in isolation.
Structured around reality, not templates.
"Use GkCard17"A compact, decorative phase diagram of concentric green arcs.
"Use GkCard18"A vertical rail where each step is an actual rounded card with an orange edge. Cards nudge right on hover.
We get involved while options are still open, shaping structure and deal terms early.
Terms change and pressure builds. Advertising stays close to that, not behind it.
Disputes, regulation and strain arrive, and we are already there.
"Use GkCard29"The sharp, editorial version. Square-cornered cards with diamond markers; cards invert to black on hover.
In a way that fits SaaS and technology business models.
As part of live deals, not in isolation.
Structured around reality, not templates.
"Use GkCard30"Big numbered dots down a centre line, with rounded cards alternating left and right.
We get to know how you actually operate.
Working inside your rhythm, not as an outside provider.
Decisions shaped early, while flexibility still exists.
Complexity handled in context as you grow.
"Use GkCard31"A row of phase cards that scrolls on its own, looping continuously and pausing on hover.
We get involved while options are still open.
Support stays close to the deal, not behind it.
We are already there when disputes arrive.
Governance and decisions handled in context.
"Use GkCard32"A horizontal stepper where the green line fills across and each dot lights up in sequence, then loops.
We learn how you operate.
Advertising inside your rhythm.
Decisions shaped early.
Complexity in context.
"Use GkCard33"Horizontal cards, each topped with a green number badge, connected by a dashed rail behind.
We map how your business runs and where the advertising pressure sits.
Advertising works inside your team and your campaign pipeline.
Governance and structure that grow with you.
"Use GkCard34"The rail draws itself downward and each dot pops in sequence, then loops. Great as a scroll feature.
Involved while options are still open.
Support stays close, not behind.
Already there when disputes arrive.
Decisions handled in context.
"Use GkCard35"Three phase columns side by side with a sharp top rule that fills orange on hover.
We get involved while options are still open, so structure and deal terms are shaped early.
We work alongside you as deals happen. Advertising stays close to the pace, not behind it.
Disputes, regulation and internal strain arrive, and we are already in the room.
"Use GkCard36"Testimonials, category indexes, process steps and icon features.
Testimonials and pull quotes. Black card with a green quote mark and avatar.
They're there while decisions are being made, not brought in after the fact.
"Use GkCard19"Topic or category landing tiles with a count and tag chips.
Drafting, reviewing and negotiating.
"Use GkCard20"Numbered steps. A large translucent ghost number sits behind the text.
Bring growth thinking in before decisions are hard to change.
"Use GkCard21"Service or benefit grids. A green gradient icon tile above the text.
"Use GkCard22"Flips, an auto-advancing carousel, a ticker, hover reveals.
Values or benefits you want to reveal. Orange front, black/green back. Click the card to flip.
"Use GkCard23"Desktop value grids. Same faces as the click flip, but flips on hover.
"Use GkCard24"A phase story that plays itself. Auto-advances with a progress bar; pauses on hover.
"Use GkCard25"A live update strip. Scrolls continuously and pauses on hover.
"Use GkCard26"Dark feature tiles. The title sits at the bottom and slides up to reveal the copy on hover.
Embedded support shapes decisions while commercial flexibility still exists.
"Use GkCard27"Stat rows with impact. On the live page the number counts up from zero when scrolled into view.
"Use GkCard28"