Skip to content
TechDellaStudioshome
Start a project
Menu
TechDella

Brand & UI kit

The rules behind techdella.com, the blog and Studios. Neutral-first, black for confidence, orange as a signal, never as wallpaper.

Principles

01Neutral first

White and warm neutrals carry the page. Black carries type, buttons and dark sections.

02Orange is a signal

Under 10% of any screen: the logo, a dot, an arrow, one highlight. If it’s everywhere, it means nothing.

03The arch is our shape

Taken from the logo. Use it for portraits, image frames and large background marks.

Color & balance

  • Ink#0D0D0D --td-ink
    Type, primary buttons, dark sections
  • Paper#FFFFFF --td-paper
    Main background, cards
  • Canvas#F7F5F2 --td-canvas
    Alternate sections
  • Sand#EFE7DD --td-sand
    Feature panels, from the photo art
  • Signal orange#E8470A --td-orange
    Dots, arrows, logo, one highlight
  • Orange tint#FDF0E9 --td-orange-tint
    Soft highlight behind small text
  • Orange text#C23B07 --td-orange-text
    Orange that passes contrast for small text
  • Stone#57534E --td-body
    Body copy

Typography

Display · 600 · −5%Get found faster
H2 · 600 · −4.5%Start with the audit
H3 · 600 · −3%Search Visibility Audit
Body · 400 · 17pxWe help established B2B companies show up on Google and in AI answers, for the searches that turn into revenue.
Small · 400 · 14pxCaptions, meta lines and helper text.
Accent · serif italicOne word per headline in Instrument Serif italic. It replaces the old orange italic, and stays ink-colored.

Components

BUTTONS
Primary actionSecondary Text link
Small Light (on dark)

The orange circle-arrow is the brand’s signature on every primary action.

LABELS & CHIPS
Section label Upper label Neutral chip Highlight Selected
Google AdsSemrush
CARDS
11Paper
5Sand
50dInk
THE ARCH

Portraits and feature images sit in arch frames; large outline arches can mark dark sections.

✓ Do

Use one orange moment per section: a label dot, the button arrow, or a single highlighted number.

Let photography bring warmth. Our team portraits already carry the brand’s arches and tones.

Use black for primary buttons; it reads more premium and keeps orange meaningful.

✕ Don’t

Fill large backgrounds, cards or headlines with orange or red.

Put white text on #E8470A. It fails contrast; use ink, or #C23B07 for orange text.

Mix in other accent colors. Status colors (green for success) are the only exception.

Blocks

Every TechDella block, rendered from its block.json example.

techdella/ad-mock
POV: your ads finally pay back
@yourco · Sponsored We tested 12 hooks. Here’s what worked. Learn more
Example TikTok ad
techdella/ad-slot
techdella/ai-answer-mock

Question: Which firms help fintechs with data protection compliance?

Answer: Firms frequently recommended for fintech compliance include YourCo1, known for NDPA and GDPR programs, and two others…

  1. 1 · yourcompany.com (cited)
  2. 2 · industry directory
  3. 3 · news article
Example AI answer
techdella/arch-people

Where ideas get built

A small, senior team of strategists, designers and builders who work directly with you.

Start a projectContact us

Quickly expand your team.

Bring us in for a single project, or as an ongoing creative and technical partner.

  • Joanna Okedara-Kalu

    Founder & CEO

  • Chinedu Emmanuel Kalu

    COO & Co-founder

  • Abel Saka

    Brand Designer & UI/UX

  • Omolola Akiyode

    TechDella Team

  • Mercy Olumakinwa

    TechDella Team

techdella/author-box
techdella/bar-chart

Where B2B buyers start research (example data)

  • Search engines 42%
  • AI assistants 23%
  • Peer recommendations 19%
  • Social media 16%
Source: Example data for the styleguide
techdella/before-after

Written for the search, not the org chart

Most B2B pages describe the company. Pages that rank describe the buyer’s problem in the words they search with.

  • Before Services | Home We offer a range of solutions for businesses of all sizes.
  • After Data Protection Consulting for Fintech | YourCo NDPA and GDPR compliance programs for growing fintech teams. Book a scoping call.
techdella/bento-grid
Services

One connected growth system

Each service stands on its own. Together they cover the whole journey, from the first search to the signed client.

01 · Get found

SEO & AI Search Optimization

Rank on Google and get recommended when buyers ask ChatGPT, Perplexity or Google’s AI.

SEO AI Search
02 · Get noticed

Paid ads, made in-house

  • Google
  • Meta
  • TikTok
  • LinkedIn
Example · 3 SEO myths ▶
Strategy, creatives and media buying under one roof. →
03 · Capture

Lead generation

04 · Nurture

Email marketing

  • Day 0 · Your checklist 62% open
  • Day 3 · Case study Sent
  • Day 7 · Book a call Queued
Example sequence Designer sketching on a drawing tablet in a sunlit studio
Creative

Ads, videos and visuals designed by our Studios team
05 · Follow up

AI automations

Every lead answered in minutes, scored, logged in your CRM and routed to the right person.

  1. New lead
  2. AI scores
  3. CRM updated
  4. Email sent
  5. Sales alerted
techdella/booking-embed
Book a call

Pick a time

Calendar not loading? Open the booking page in a new tab

techdella/built-for

Built for

  • Bootstrapped founders
  • Small & medium businesses
  • Agencies & marketing teams
techdella/button
Get a growth audit
techdella/callout
techdella/case-card
The paycape.com home page in a browser
Case study

Paycape: inbound became half of all conversions

From first audit to first result in 50 days, growing to about 15,000 monthly organic visitors.

of conversions from inbound
50%
monthly organic visitors
~15,000
to first result
50 days

Fintech · 5 months · Q3 2025

techdella/case-grid

Selected work

Apps · Automation · Design · Motion

  • Live

    startbuddi

    MVP development · Product build · UI/UX design · Website

    startbuddi, a business management app for service businesses: MVP, full product build and end-to-end UI/UX.

  • Live

    Paycape

    MVP development · Product build · UI/UX design

    Paycape, a finance platform for Nigerian businesses: MVP, full product build and end-to-end UI/UX.

  • Live

    Shopinbos

    MVP development · Product build · UI/UX design

    Shopinbos, a commerce platform for Nigerian sellers: MVP, full product build and end-to-end UI/UX.

  • Live

    Epic Entertainment Games

    Workflow & automation

    A structured credit-request workflow that made scaling operations manageable, behind epicentertainmentgames.com.

  • Concept

    Booking & payments MVP

    Concept · App

    Concept: a mobile-first booking flow for service businesses, from prototype to build.

techdella/checklist

Before you launch

  • Conversion tracking tested end to end
  • Landing page answers the ad’s promise
  • Follow-up within one business day
techdella/connected-services

SEO works better connected

Your rankings feed AI answers, your keyword data sharpens Google Ads, and every organic visitor can become a lead.

techdella/creative-gallery
Creative

We make the creatives too

Scripts, video, motion, static and carousels, made by our Studios team and tested inside your campaigns.

  • Reel · 0:15
    “We stopped guessing which leads to call first.”
    Example Reel
  • Carousel · 5 slides
    1. 1/55 SEO mistakes costing you leads
    2. 2/5Pages written for you, not buyers
    3. 3/5No answer to “how much?”
    Example Carousel
  • Motion · 0:06
    Example Motion
  • Display banner
    Be the answer.Audit
    Example Display banner
  • Product video
    Example Video
  • Made with TechDella Studios See creative services

Example creatives for illustration.

techdella/cta-dark

Ready to grow?

Get an audit of your search, ads and funnel, and a clear plan for what to fix first.

Get a growth audit
techdella/email-mock

Emails people actually read

Example email designs

  • Nurture · Day 3

    How Paycape reached 15,000 monthly visitors

    Hi Ada, a quick story about a fintech team that had the right product but couldn’t be found…

    monthly traffic
    15,000
    first result
    50 days
  • Invite

    Free workshop: is your brand in AI answers?

    45 minutes, live Q&A, recording included.

techdella/faq

SEO questions

How long does SEO take to work?

Technical fixes can show impact within weeks; content usually takes a few months to compound. Paycape saw its first results in 50 days.

Do you guarantee first-page rankings?

No. Nobody controls Google’s rankings. We commit to a clear roadmap, quality work and transparent reporting.

What’s the difference between SEO and AI search optimization?

SEO gets your pages ranked on Google. AI search optimization gets your brand mentioned in AI answers. They share foundations, and we usually run them together.

Can you work with our existing website?

Yes. We work in WordPress, Webflow and most modern CMSs. If you need a rebuild, TechDella Studios can help.

techdella/feature-grid

How AI answers decide which brands to mention

  • Clearly described

    Your site says plainly what you do, for whom, and where.

  • Mentioned elsewhere

    Credible directories, reviews and articles reference you.

  • Directly useful

    Your pages answer real buyer questions, answer-first.

  • Consistent

    Your name, services and details match everywhere.

techdella/form

Request your audit

Takes two minutes. Nothing is billed until we confirm fit.

What’s the main problem?

Pick any.

We use your details only to reply to this request, via our CRM provider Startbuddi. See our privacy policy.

techdella/founder
From the founder

Hi, I’m Joanna.

I founded TechDella to help companies become easier to understand, easier to trust and easier to choose. We bring search, paid, email and automation together, so your marketing works as one system instead of disconnected tactics.

We only promise what we can control: clear priorities, quality work and honest reporting.

  • 11Published case studies
  • 5Client countries
Joanna Okedara-Kalu, Founder and CEO

“Techdella reframed how we were thinking about our market entirely. We went from scattered tactics to a positioning and GTM system that actually made sense for where we were heading. The difference was immediate.”

Levi BarbosaCEO, WezOps
techdella/funnel

One funnel, every platform in its place

Paid ads work best when they’re connected to search, landing pages, email and automation.

  1. 01 · REACH

    Get seen

    Short video and social ads to new audiences.

    • TikTok
    • Meta
  2. 02 · TARGET

    Reach decision-makers

    Job-title and account targeting.

    • LinkedIn
  3. 03 · CAPTURE

    Win the search

    Be there when they’re ready to compare.

    • Google Ads
    • SEO
  4. 04 · CONVERT

    Turn clicks into leads

    Landing pages and in-platform lead forms.

  5. 05 · NURTURE

    Follow up automatically

    Email and AI automation hand warm leads to sales.

techdella/hero

Services SEO

B2B SEO services that turn searches into pipeline

Technical SEO, keyword strategy and content that ranks for the searches your buyers make before they choose a provider.

Get an SEO auditWhat's included
Platforms & tools we work in
  • Google Search Console
  • GA4
  • Semrush
  • WordPress & Webflow
The TechDella team working together
Content by our team
techdella/hero-orbit
SEO · AI search · Paid ads · Email · Lead gen · AI automation

Get found. Get noticed. Grow.

We help established businesses show up where customers search, reach them with ads we create in-house, and turn interest into leads with email and AI automation.

Get a growth auditSee how we work

Trusted by teams at Paycape, Johan Consults and WezOps

  • Google Search & Ads
  • AI answers
  • LinkedIn Ads
  • Meta · Facebook & Instagram
  • TikTok Ads
15,000 monthly organic visitors · Paycape
50% of conversions from inbound · Paycape
techdella/hub-spoke

Everything connects to growth

Seven services, one plan. Data from each channel makes the others work better.

Your growth
techdella/inline-cta
techdella/journey

From stranger to sales call

  1. Sees an ad or article

    Paid, SEO or AI search

  2. Lands on an offer

    Focused landing page

  3. Becomes a lead

    Form or booking

  4. Scored & routed

    AI automation

  5. Nurtured or called

    Email or sales

techdella/label-chip
How we work
techdella/lead-mock
yourcompany.com/checklist The SOC 2 readiness checklist for SaaS teams
New leads
  • Head of IT · 80 staffHot
  • CTO · 45 staffHot
  • StudentNurture

Example lead view

From visit to booked call
  1. Visits
  2. Leads
  3. Qualified
  4. Calls
techdella/logo-strip

Trusted by
growing brands

  • Paycape
  • Johan Consults
  • WezOps
  • startbuddi
  • Shopinbos
techdella/myth-fact

Myth vs fact

MythSEO is dead because of AI answers.
FactAI answers draw on pages that rank and are clearly written. SEO foundations matter more, not less.
MythMore content always means more traffic.
FactThin pages can drag a site down. Fewer, better pages that answer real questions win.
techdella/newsletter

The TechDella newsletter

One useful search insight, every two weeks

No fluff. Unsubscribe anytime.

  • One idea you can use the same week
  • Checklists and templates, not fluff
  • New guides before anyone else

We use your details only to reply to this request, via our CRM provider Startbuddi. See our privacy policy.

techdella/photo-cards

Build faster, and finally ship it properly

What makes working with us different:

  • Fixed scope before we start

    See packages

  • Milestone-based payments

  • Human-reviewed AI builds

techdella/platform-badges
AI platforms we optimize for
  • ChatGPT
  • Perplexity
  • AI Overviews
  • Gemini
  • Copilot
techdella/popup
techdella/post-card
Example

AI Search

AEO vs SEO vs GEO

techdella/post-cta
techdella/post-featured

Featured guide
In Design

What Is a Design System? A Guide for Business Owners

A design system is a shared kit of reusable parts and rules for your product and website. Here's what's in one, why it saves money, and when you need one.

Joanna Okedara-Kalu
Founder & CEO 7 min read

Read the guide All Design posts
Joanna Okedara-Kalu
Is our brand mentioned? Who gets cited instead?
techdella/post-grid

Notes on getting found

techdella/post-header

What is AI search optimization, and why should businesses care?

Your buyers are asking AI tools for recommendations. Here’s how those answers come together, and what you can realistically influence.

By Joanna Okedara-KaluFounder & CEO · 10 min read

techdella/pricing-cards
Ways to start

Start with an audit.
Grow from there.

Clear offers with defined deliverables. No open-ended retainers.

  • One-time Start here

    Growth Audit

    Search, AI visibility, ads, funnel and tracking reviewed, with a prioritized plan.

    [PRICE] Get started
  • Fixed scope

    Growth Sprint

    We implement the top priorities: SEO fixes, a campaign launch, an email sequence or an automation.

    From [PRICE]
  • Monthly

    Growth Management

    Ongoing search, paid, email and automation work with contracted monthly deliverables.

    [PRICE] / month
techdella/pros-cons

Agency vs in-house

Agency

  • Senior skills from day one
  • Flexible scope

In-house

  • Deep product knowledge
  • Always available
techdella/pull-quote

Techdella reframed how we were thinking about our market entirely.

Levi Barbosa CEO, WezOps
techdella/report-mock

Everything managed, everything visible

  • Setup & trackingPixels, APIs, GA4, CRM
  • StrategyBudget split by platform
  • CreativesVideo, static, copy
  • Weekly testingHooks, audiences, bids
Paid ads report
Example report
Spend
$6,000
Leads
120
Cost per lead
$50
Leads by platform
  • Google 54
  • LinkedIn 30
  • Meta 24
  • TikTok 12

Illustrative numbers only. Your report shows your live data.

techdella/section-head
Services

One connected growth system

Each service stands on its own. Together they cover the whole journey, from the first search to the signed client.

techdella/serp-mock

Search: data protection consultant for fintech

  1. #1 yourcompany.com › services Data Protection Consulting for Fintech Companies NDPA, GDPR and PCI DSS compliance programs for growing…
  2. competitor.com Compliance services | Home
Example result
techdella/service-switcher
techdella/stat-pills
Results

What we did for Paycape

5-month engagement · Q3 2025

  • 50%of conversions came from inbound
  • 15,000monthly organic visitors
  • 50 daysto first result
Read the Paycape case study
techdella/stats
B2B buying in numbers
techdella/steps

How to run a growth audit

  1. Pull 90 days of data

    Search Console, analytics and ad accounts, so you see what actually brings leads.

  2. Map the funnel

    Visit → lead → call → deal. Find the step that leaks most.

  3. Fix the biggest leak first

    One change, measured for two weeks, beats ten untested ones.

techdella/steps-fold
How we work

Clear steps.
No guesswork.

Every engagement follows the same five steps, so you always know what’s happening and what you’ll get.

The TechDella team
One point of contactfrom discovery to reporting
Step 1: Discovery call You get: a fit check and next steps

A 30-minute call to understand your goals, market, budget and what you’ve already tried. If we’re not the right fit, we’ll tell you.

  • Goals
  • Budget
  • Timeline
Step 2: Audit & strategy You get: a prioritized growth plan

We review your search visibility, ads, landing pages, email and tracking, then rank every opportunity by impact and effort.

Step 3: Scope & setup You get: fixed scope and working tracking

We agree deliverables and timelines in writing, then set up accounts, analytics, pixels, CRM and creative briefs.

Step 4: Create & launch You get: live campaigns and content

Our team writes, designs and builds: pages, ad creatives, videos, emails and automations, then launches in priority order.

Step 5: Optimize & report You get: a monthly report and review call

We test, improve and report on leads and revenue, not vanity metrics. Then we plan the next month together.

  • Shared dashboard
  • Monthly review call
  • You own every account
techdella/studio-hero
Apps · AI automation · Design · Motion

From idea to something real

We design, build and automate digital products. Clearly scoped, milestone-based, and made with care.

Start a project Explore our work
  • The startbuddi.com website on a phone [CONFIRM Studios build]
  • Concept Bookings (placeholder screen)
  • Concept Automations (placeholder screen)
techdella/tabs

The right platform for each job

Every platform does something different. We match each one to a clear job in your funnel.

Job: capture demand

Google Ads management

Appear the moment someone searches for what you sell. The highest-intent traffic you can buy.

Formats
Search, Performance Max, YouTube, remarketing
Targeting
Keywords, negatives, locations, audiences
Best for
Services people already search for
Tracking
Google Ads conversions + GA4

Search: soc 2 compliance consultant

  1. Sponsored · yourcompany.com SOC 2 Readiness in Weeks | Fixed Fee Gap assessment, policies and audit support. Book a free scoping call. Pricing Case studies Book a call
Example search ad
Job: create demand

Meta ads agency Facebook & Instagram

Reach the right people before they search, then bring back everyone who showed interest.

Formats
Reels, Stories, feed, carousel, lead forms
Targeting
Interests, lookalikes, retargeting
Best for
Visual offers, lead magnets, retargeting
Tracking
Meta Pixel + Conversions API
YourCoSponsored
Audit-ready in weeks.
SOC 2 checklist Learn more
Example Meta ad
Job: reach new audiences with video

TikTok ads agency

Native, sound-on short videos that stop the scroll. We script, film or animate, and test hooks every week.

Formats
In-feed video, Spark Ads, lead generation
Creative
Hooks, UGC-style, motion graphics
Best for
Consumer brands, apps, younger audiences
Tracking
TikTok Pixel + Events API
POV: your ads finally pay back
@yourco · Sponsored We tested 12 hooks. Here’s what worked. Learn more
Example TikTok ad
Job: reach decision-makers

LinkedIn ads agency

Target by job title, company size and industry. The most precise B2B targeting available.

Formats
Sponsored content, document ads, lead gen forms
Targeting
Job titles, seniority, company lists (ABM)
Best for
High-value B2B services and SaaS
Tracking
Insight Tag + CRM sync
YourCoPromoted

Heads of Marketing: how many of your top 20 buyer prompts mention your brand? Download the AI search benchmark.

AI Search Benchmark
Document ad Download
Example LinkedIn document ad
techdella/takeaways

Key takeaways

  • Answer the question in the first two sentences.
  • Show proof: your numbers, screenshots, what you did.
  • Update the page when the facts change.
techdella/testimonial

“Techdella reframed how we were thinking about our market entirely. We went from scattered tactics to a positioning and GTM system that actually made sense for where we were heading. The difference was immediate.”

Levi BarbosaCEO, WezOps
techdella/timeline

From first call to results

Five clear steps. You always know what’s happening and what you’ll get.

  1. Step 1: Discovery call

    Goals, market, budget and what’s been tried.

    You get: a fit check

    day one

  2. Step 2: Audit & strategy

    Search, ads, funnel and tracking reviewed and ranked by impact.

    You get: a growth plan

    understand first

  3. Step 3: Scope & setup

    Fixed scope, then tracking, accounts, CRM and creative briefs.

    You get: tracking that works

    agreed in writing

  4. Step 4: Create & launch

    We write, design and build the pages, creatives, emails and automations.

    You get: live campaigns
    The TechDella team planning a launch

  5. Step 5: Optimize & report

    Testing and improving every week, reporting on leads and revenue.

    You get: a monthly report

    then we repeat

techdella/tldr
techdella/toc
techdella/tool-ai-business-name-generator

AI-generated. Takes up to 30 seconds.

techdella/tool-email-subject-line-analyzer
techdella/tool-hashtag-generator

A few words about the post. More specific topics give better tags.

techdella/tool-keyword-density-checker

Your text stays in your browser. Nothing is uploaded.

techdella/tool-mvp-calculator

Build your estimate

What do you need?
Where will people use it?
Which features does the first version need?

Sign-up, log-in and user accounts are always included.

Design
When do you need it?
techdella/tool-on-page-seo-checker

A public page. We fetch it once from our server and don’t store it.

Takes up to 10 seconds.

techdella/tool-persona-builder

AI-generated. Takes up to 30 seconds.

techdella/tool-readability-checker

Your text stays in your browser. Nothing is uploaded.

techdella/tool-utm-parameter-generator

The page people land on. Existing query parameters are kept.

Where the click comes from: google, linkedin, newsletter.

The channel type: cpc, email, paid-social, organic-social.

techdella/video

Video: add an MP4 or WebM file.

techdella/workflow-canvas
Example workflow
  1. Trigger: New form submission
  2. AI step: Score, summarize, draft reply
    • If hot WhatsApp reply + Slack alert to sales
    • If warm Start email nurture sequence
  4. CRM: Contact, score & owner saved

WhatsApp · 2 min after form Hi Ada, thanks for reaching out about SOC 2. Here’s a link to book a call with our team.

techdella/bento-grid · about
The TechDella team

Who we are

A senior team of strategists, marketers, designers and builders.

11Published case studies

Nigeria · US · Mexico · SA · Lebanon

5Countries our clients operate in

The clarity they brought to our strategy saved us months of trial and error — and probably a lot of money too. If you're serious about growing your startup, Techdella is the team you want in your corner from early on.

Akin OyegokeCEO, Johan Consults
Joanna Okedara-Kalu
About us

Every engagement starts with a discovery call to understand your market.

Book a call
techdella/testimonial · dark

The clarity they brought to our strategy saved us months of trial and error — and probably a lot of money too. If you're serious about growing your startup, Techdella is the team you want in your corner from early on.

Akin OyegokeCEO, Johan Consults