Template candidates

Pick the components worth turning into reusable site templates.

Click Select on anything you like. The selected IDs stay in the bottom panel so you can send them back as a short list.

hero-01

Modern Split Hero

Dark split layout with KPI rail and consultation CTA.

ROI before build

Earn more. Lose less. Stop managing chaos manually.

Start with a business diagnosis, then build only what actually changes revenue, time, or stability.

Consultation mapTalk -> diagnose -> decide -> implement
hero-02

Classic Editorial Hero

Centered serif hero for credibility-first service pages.

For owners and operating teams

Your company works lighter when every process has a clear owner.

No ready-made packages. First we understand where leads, margin, time, or calm are leaking.

hero-03

Dynamic Impact Hero

Bold asymmetry, hard shadows, energetic CTA area.

Less waste.
More control.

CRM, AI, automations, monitoring and websites are selected only after the business problem is clear.

hero-04

Readable Hero

Maximum clarity and scanning, large type, minimal effects.

Tell us where the company loses time, money, or calm.

After the first conversation you should know the biggest problem, the likely next step, and whether a project makes business sense.

hero-05

Futuristic Console Hero

Dark system-console look for AI/automation offers.

Operational intelligence layer

Systems that detect, decide, and delegate before work becomes firefighting.

Useful for AI, automation, monitoring, and technical transformation pages.

lead.intake: organizedfollowup: automatedalerts: active
nav-01

Compact Business Nav

Logo, links, language switch, consultation action.

nav-02

Segmented Nav

Pill-like groups for small static sites.

nav-03

Editorial Nav

Minimal text-first navigation for classic pages.

trust-01

Logo Trust Strip

Compact trust band for partner logos or certification marks.

Trusted operating layerCRMAIMonitoringKSeF
trust-02

Metric Proof Row

Three outcome metrics with short context.

3decision steps
0pressure sales
1clear next move
trust-03

Decision Proof

ROI-first decision cards for consulting offers.

ROI before pricing

Check if it makes sense.

Problems before tools

Technology is the means.

Decision without pressure

You know what to do next.

cards-01

Bento Service Grid

Mixed-size cards for services and outcomes.

Sales and CRM

Stop losing opportunities between calls, emails, and notes.

AI assistants

Collect context and handle repeatable stages.

Monitoring

Detect problems before customers do.

cards-02

Simple Feature Cards

Readable three-column service cards.

Automations

Remove manual work.

Websites

Guide the buying decision.

Operations

Make work repeatable.

cards-03

Problem Cards

Cards framed around pain points instead of services.

ProblemLeads disappear

No owner, no follow-up, no visibility.

ProblemOwner does everything

Every step depends on memory and manual checks.

cards-04

Iconless Outcome Cards

Text-only cards with strong hierarchy.

Diagnose

Name the problem.

Estimate

Check the cost of doing nothing.

Implement

Build the smallest useful system.

cards-05

Accent Rail Cards

Cards with colored rails for service categories.

CRM

Pipeline, owners, reminders.

AI

Context, triage, support.

SEO

Pages that answer real questions.

process-01

Three Step Process

Talk, analyze, decide.

01Talk

Understand goals and constraints.

02Analyze

Find the first valuable fix.

03Decide

Choose the next move.

process-02

Timeline Process

Horizontal/vertical responsive timeline.

  1. Signal

    Something feels too hard.

  2. Diagnosis

    Problem gets named.

  3. Scope

    Smallest sensible project.

  4. Delivery

    Measured implementation.

process-03

Diagnostic Flow

Problem to ROI to implementation flow.

PainCostROIDecisionBuild
process-04

Kanban Process

Operational workflow shown as columns.

To clarify

Lead flow

Manual checks

To fix

CRM owners

Alerts

Done

Measured change

cta-01

Consultation Band

Wide consultation strip with primary/phone CTAs.

Start with a free consultation.

No package pitch. First, a useful diagnosis.

Book now
cta-02

Minimal CTA

Low-noise CTA for readable pages.

Ready to name the problem?Contact
cta-03

High Contrast CTA

Dark CTA band for strong transitions.

Next stepTell us where work breaks.Send message
cta-04

Sticky CTA Pattern

Mobile-safe sticky action pattern.

Mobile sticky CTA should be short, single action, and hide near footer.

Free consultation
proof-01

Testimonial Pair

Two testimonial cards.

They helped us see the real bottleneck before we spent money.
The first useful thing was clarity, not code.
proof-02

Before After

Before/after comparison.

Before

Leads hidden in email and memory.

After

Every lead has owner, status, and next action.

proof-03

Case Study Teasers

Three compact result stories.

Sales flow

Follow-up stabilized.

Monitoring

Incidents caught earlier.

Website

Offer became easier to understand.

proof-04

Risk Reducers

Objection handling proof tiles.

No pressure

If it does not make sense, say no.

Small first step

Start where ROI is clearest.

Owner clarity

Every process has a next action.

offer-01

Service Tiers

Three offer levels without fake pricing.

Diagnose

Find the problem.

Build

Implement the useful system.

Operate

Monitor and improve.

offer-02

Scope Matrix

Comparison matrix for services.

AreaGoalProof
CRMLess lost leadsOwner + status
AILess repetitive workHandled steps
offer-03

Fit Checklist

Who this is for and not for.

Good fit

You want a business result, not just a tool.

Bad fit

You only want a trendy system with no owner.

form-01

Contact Form

Static form layout for future wiring.

faq-01

FAQ Accordion

Accessible details/summary FAQ.

Do we need to know the solution?

No. Knowing the pain is enough for the first call.

Is consultation a sales trap?

No. It should produce a clear decision either way.

blog-01

Article Cards

Static article/blog teaser grid.

GuideHow to stop losing leads
OpsWhen automation actually helps
AIWhere assistants make sense
footer-01

Business Footer

Standard footer with trust and legal links.

footer-02

Minimal Footer

Small footer for simple landing pages.

footer-03

Dense Footer

Footer with sitemap and contact blocks.