Timeline variety pack

Gk Timelines

Eight more timeline patterns - built from actual cards, in rounded and square styles, with dot markers, plus three that animate on their own. Black, white, green and orange. No box-shadows, no JavaScript.

GkCard29Card rail · rounded

A vertical rail where each step is an actual rounded card with an orange edge. Cards nudge right on hover.

Phase I

Before direction hardens

We get involved while options are still open, shaping structure and deal terms early.

Phase II

While deals are moving

Terms change and pressure builds. Advertising stays close to that, not behind it.

Phase III

As complexity increases

Disputes, regulation and strain arrive, and we are already there.

Palette White · orange · greenShape Rounded cardsMarker Ring dot
Order: "Use GkCard29"
GkCard30Card rail · square

The sharp, editorial version. Square-cornered cards with diamond markers; cards invert to black on hover.

STEP 01

Reviewing campaigns

In a way that fits SaaS and technology business models.

STEP 02

Negotiation support

As part of live deals, not in isolation.

STEP 03

Data & compliance

Structured around reality, not templates.

Palette White · black · orangeShape Square cardsMarker Diamond
Order: "Use GkCard30"
GkCard31Dot ladder · alternating

Big numbered dots down a centre line, with rounded cards alternating left and right.

1

You & your business

We get to know how you actually operate.

2

Green Kow embeds

Working inside your rhythm, not as an outside provider.

3

Deals supported

Decisions shaped early, while flexibility still exists.

4

Scale with confidence

Complexity handled in context as you grow.

Palette White · black · greenShape Rounded cardsMarker Numbered dots
Order: "Use GkCard31"
GkCard32Auto card scroll● moves

A row of phase cards that scrolls on its own, looping continuously and pausing on hover. Each card hangs off the timeline rail.

Phase I

Before direction hardens

We get involved while options are still open.

Phase II

While deals are moving

Support stays close to the deal, not behind it.

Phase III

As complexity increases

We are already there when disputes arrive.

Phase IV

Scaling with confidence

Governance and decisions handled in context.

Palette White · green · orangeShape Rounded cardsMotion Auto scroll (loops)
Order: "Use GkCard32"
GkCard33Auto progress stepper● moves

A horizontal stepper where the green line fills across and each dot lights up in sequence, then loops.

1

You & your business

We learn how you operate.

2

Green Kow embeds

Advertising inside your rhythm.

3

Deals supported

Decisions shaped early.

4

Scale up

Complexity in context.

Palette White · black · greenShape Dots + labelsMotion Fill + sequence (loops)
Order: "Use GkCard33"
GkCard34Milestone cards

Horizontal cards, each topped with a green number badge, connected by a dashed rail behind.

1

Discovery

We map how your business runs and where the growth pressure sits.

2

Embed

Advertising works inside your team and your campaign pipeline.

3

Scale

Governance and structure that grow with you.

Palette White · green · orangeShape Rounded cardsMarker Number badge
Order: "Use GkCard34"
GkCard35Auto vertical draw● moves

The rail draws itself downward and each dot pops in sequence, then loops. Great as a scroll feature.

Phase I

Before direction hardens

Involved while options are still open.

Phase II

While deals are moving

Support stays close, not behind.

Phase III

As complexity increases

Already there when disputes arrive.

Phase IV

Scaling with confidence

Decisions handled in context.

Palette White · green · orangeShape Dots + textMotion Self-draw + pop (loops)
Order: "Use GkCard35"
GkCard36Column pillars

Three phase columns side by side with a sharp top rule that fills orange on hover. Echoes the home-page growth section.

Phase I

Before direction hardens

We get involved while options are still open, so structure and deal terms are shaped early.

Phase II

While deals are moving

We work alongside you as deals happen. Advertising stays close to the pace, not behind it.

Phase III

As complexity increases

Disputes, regulation and internal strain arrive, and we are already in the room.

Palette White · black · orangeShape Square columnsMarker Top rule fill
Order: "Use GkCard36"