CTGCode
ES
Start your project

template 01 · professional services

The site for people who sell judgement

When what you sell cannot be seen or touched, the page has one job: explain what you solve, show you can do it, and keep the contact one click away. This base is built around that.

01/who it is for

Five trades, one shared difficulty

They all sell something the client cannot assess before hiring it. Each profile arrives with its own version of the problem.

  1. Accountants

    You get compared on price until people understand what you actually do. The structure gives you room to explain it before they ask.

  2. Lawyers

    Trust is won on track record and credentials. They sit near the top, in plain sight, not buried in a PDF.

  3. Consultants

    You sell an intangible: the header forces you to say in one line what you solve and for whom.

  4. Financial advisers

    The indicators block exists to put verifiable numbers where the competition puts adjectives.

  5. Architects and engineers

    The services grid carries six lines of work without any of them getting buried under the rest.

02/what is inside

Seven pieces, a single page

There is nothing to decide about which sections you need: they are there, in the order a visitor needs them. They can be reordered or hidden, but they work as they come.

Sections

  1. Navigation bar

    Links to every section plus a contact button that stays visible as the visitor scrolls.

  2. Header

    Headline, subhead and two buttons, with a card alongside that sums up your offer at a glance.

  3. Services

    A grid of up to six services, each with its icon, its title and the line that explains it.

  4. About

    Two paragraphs to say who you are and where you come from, plus four pillars covering what sets you apart.

  5. Indicators

    The numbers that build trust: years in business, clients served, projects closed — whatever you have and can stand behind.

  6. Contact

    A form wired to your inbox and the direct details: phone, email, address and hours.

  7. Footer

    Summary, navigation links, social profiles and copyright notice.

Built with

  • Astro
  • Tailwind
  • Lucide

Static output: the site compiles to HTML and is served as is, with no JavaScript framework in the browser. Icons are generated as SVG at build time, so they cost no request.

03/in production

This base already sails on its own

Recogras, a used-cooking-oil environmental manager in Cartagena, came out of this very template. It is the best argument we have: it shows how far a base travels once it carries a real business’s brand, content and photography.

Visit the siterecograscolombia.com
Performance · mobile
98 – 100
Performance · desktop
100
Accessibility
100
SEO and best practices
100

Measured with Lighthouse 13.4.1 against recograscolombia.com on 1 August 2026: three mobile runs and three desktop runs, discarding a warm-up pass. We publish the observed range, not the best run. Largest contentful paint came in at 1.4 s on mobile and 0.4–0.7 s on desktop.

04/the engagement

What you get for that price

The site published and running, not a folder somebody still has to upload. This is what goes in.

  • .com domain, first year

    We register and configure it in your name. From the second year the renewal is yours, paid straight to the provider with no commission from us.

  • Hosting, first year

    Hosting with HTTPS and certificate. Same rule as the domain: the second year is on you.

  • Contact form, connected

    Messages reach your inbox through a Formspree account set up with your details. No server to maintain.

  • Direct WhatsApp contact

    A button that opens a conversation with your number, reachable from anywhere on the page.

  • We load your content

    We place the copy, photos and details you send us, and we tell you beforehand if something will not look right: an image too small, a logo without a transparent background, a line that will not fit.

  • Full technical SEO

    Everything that is solved in the code: tags, structured data, sitemap, canonicals, speed and accessibility.

  • Two rounds of minor changes

    Within the first thirty days, to tune whatever reads differently once it is live.

  • Thirty-day warranty

    We fix any programming or environment-configuration error at no cost. After that, support is optional and can be contracted.

05/the boundary

How far a template goes

A template is a base already built to speed the work up, not a rigid mould. But it has a limit, and we would rather state it before quoting than after starting.

Included in the price

  • Colours, typefaces and logo
  • All the copy, from the header to the footer
  • Your photos, your icons and your favicon
  • Reordering or hiding the sections it already ships with
  • As many items as you like inside an existing section
  • Contact details, opening hours and social profiles

Now it is custom development

  • A section the template does not have
  • A second page: blog, portfolio, service detail pages
  • A shop, cart or online payments
  • Bookings, scheduling or real-time availability
  • A private area, login or admin panel
  • A content manager so you can edit it yourself
  • Integration with a CRM, an ERP or an external API

Nothing on the right is a no: it is a separate quote. It gets built on top of this same base, without throwing away what is done.

Nothing in that second list is a no: it is a separate quote. It gets built on top of this same base, without throwing away what is done.

Price · Delivery

Price

$1,400,000 – $2,000,000 COP

USD $560 – $790

Converted at the 31 July 2026 rate, transfer costs already included. The price in Colombian pesos is the governing one.

Delivery

4 – 6 business days

The clock starts when payment is confirmed and everything needed to customise it has reached us: logo, colours, typefaces, copy, photos and contact details.

07/questions

What people ask before deciding

Can I see this template running for a real client?

Yes. recograscolombia.com is built on this very base. Compare that site with the demo and you will see how far a template travels once it carries a real business’s brand, content and photography.

What happens with the domain and hosting from the second year?

The first year is included and registered in your name. From the second year the renewal is yours, paid directly to the provider: we hand over the credentials and what it costs. We take no commission on it and we do not require you to renew through us.

Do I keep the code?

Yes. You receive the complete project with a permanent licence to use it, and you can maintain it with whoever you like. You do not depend on us to grow, and that is a studio commitment, not a concession of this template.

What if I do not have the copy or the photos?

We place whatever you send us, and before placing it we tell you if something will not look right: an image too small, a logo without a transparent background, a line that will not fit where it goes. Sourcing or producing the images and writing the copy are not included in the price; if you already have them ready, placing them costs nothing extra.

Can I add a section later?

Yes, but it is a separate quote: a section the template does not ship with is custom development. It gets quoted apart and built onto the same site, without redoing what is already live.

Does the site come in both Spanish and English?

It ships in one language. Making it bilingual is an add-on: what we charge for is the technical work of building both versions with their URLs and language tags, not the translation. You supply the translated copy, and there is no discount for handing it over already translated.

the other two

If this one is not yours

Esta página también está disponible en español.

Ver en español

We use cookies to measure traffic and improve the site. Nothing runs until you decide.