00 ATIL · Brand Guidelines · v1.0

Engineered to grow. One system,
many
surfaces.

ATIL is a digital growth agency that thinks like an engineer and writes like a person. This document defines how the brand looks, sounds and behaves — from a YouTube short to a 200-slide pitch deck.

BrandATIL
Legal entityArtallur Technologies
HQBelagavi, KA
Founded2019
Revenue driven₹150 Cr+
Brands served150+
Doc version1.0 · Apr 2026
01 Brand Story & Values

Built by engineers.
Run by marketers.
Made simple for you.

Most agencies start with a sales pitch. ATIL started with a problem: managing ads at scale meant drowning in spreadsheets, deciding on stale data, and hoping for the best. So we built an agency where engineering and marketing share a desk.

Positioning

ATIL sits between two crowded categories — generic digital agencies and pure ad-tech tools. We are the agency that ships its own software (ScaleSkus, Tri-Source Data Fusion) and uses it to make better calls on every campaign we manage. The promise is not deliverables. The promise is outcomes — measured in revenue, ROAS and orders shipped.

01

Technology-first

Build the system before you build the campaign. Every process is automated, measured, optimized.

02

Radical transparency

No black boxes, no hidden fees. Every data point, optimization and rupee shown — in real time.

03

Outcome-obsessed

We don't optimize for impressions. We optimize for revenue, margin, and growth. Vanity doesn't pay bills.

04

Continuous innovation

The platforms change daily. Our tools, models, and methods change with them. Standing still is falling behind.

02 Voice & Tone

Plain English. Precise numbers.
No jargon tax.

ATIL's voice is the senior engineer who became a marketer. Calm, confident, allergic to filler. We use specific numbers because we have them, and we explain them because most clients don't speak ROAS.

We sound

Direct. Specific. Calm. Engineering-precise but never robotic. A peer, not a pitch.

We never sound

Hypey, "synergy," "ninja," "rockstar." No exclamation marks. No emoji-stuffing. No "leveraging."

Audience tilt

Indian SMB founders & D2C brand owners. Comfortable with ₹, lakh, Cr — uncomfortable with acronyms.

Do / Don't

▲ Do
"₹12 Cr+ ad spend managed. Every rupee tracked. We'll show you exactly where it goes."
Specific numbers, plain verbs, ownership of the outcome.
▼ Don't
"We leverage cutting-edge AI to deliver world-class digital marketing solutions for ambitious brands."
Generic, unverifiable, indistinguishable from every competitor.
▲ Do
"Most clients see leads in 2–3 weeks. SEO takes 2–3 months to show real lift. Here's why."
Sets honest expectations. Earns trust by being early-clear.
▼ Don't
"Skyrocket your business overnight with our revolutionary growth-hacking framework!"
Hype, undefined claims, exclamation. The opposite of engineering.

Words we use / words we don't

USE

ship · build · measure · own · audit · optimize · within hours · ROAS · orders · revenue · margin · plain English · weekly report · in real time

AVOID

synergy · leverage · disrupt · revolutionary · world-class · cutting-edge · skyrocket · growth-hacker · ninja · best-in-class · seamless

04 Construction & Clear Space

Built on a 24-unit grid.

Clear space = the cap-height of the wordmark on every side ("X"). Never crowd it with adjacent text, photography, or borders.

X X ATIL
CLEAR SPACE

1× the height of the “ATIL” cap-height around all four sides. Treat the mark like a held breath.

ALIGNMENT

Optical-align to the bottom of the “ATIL” baseline. The triangle apex is the visual top, not the bounding-box top.

THE CUT

The interior diagonal cut inside the “A” is the brand's structural detail. Never close it, fill it, or thin it.

05 Logo Misuse

Eight things never to do.

If it's not on the approved set, it's misuse. When in doubt, send the wordmark and a link to this document.

Don't stretch
Don't rotate
Don't recolour
No drop shadow
No busy / clashing backgrounds
Don't fade or screen
Don't add a border
ATILDon't reset in another typeface
06 Color System

Red, Ink, Paper.

The system is led by ATIL Red — a high-energy, full-saturation red that is the brand's only signature. Ink grounds it. Paper gives it room to breathe. Everything else is greyscale, with two utility accents (Ember, Sky) reserved for data viz and alerts.

Core

#ED1C24
ATIL Red
HEX ED1C24RGB 237·28·36
The brand. Logo background, hero panels, primary CTAs, headline accents.
#0A0F1F
Ink
HEX 0A0F1FRGB 10·15·31
Body type, structural surfaces, the foundation under everything.
#F6F4EE
Paper
HEX F6F4EERGB 246·244·238
Default light surface — warmer than pure white, less clinical.
#C8141A
Red Deep
HEX C8141ARGB 200·20·26
Hover / pressed state for Red. Print-safe darker variant.

Supports

#FF7A1F
Ember
HEX FF7A1F
Data viz — second series. Never used near Red on the same surface.
#7AB8FF
Sky
HEX 7AB8FF
Data viz — third series. Hyperlinks on dark.
#0F1628
Ink Elevated
HEX 0F1628
Cards on Ink, modal backgrounds.
#EDE9DD
Paper-2
HEX EDE9DD
Cards / quiet panels on Paper.

Greyscale

900 · 0A0F1F
800 · 19223B
700 · 33405F
500 · 6B7280
400 · 9AA3B2
200 · D6DAE2
100 · EDE9DD
050 · F6F4EE

Usage ratios

Across any single surface, hold to roughly:

PAPER LAYOUT
65 Paper · 25 Ink · 8 Red · 2 Ember
INK LAYOUT
70 Ink · 18 Paper · 9 Red · 3 Sky
RED HIT
Whole panel goes Red — hero, ad creatives. Once per page max.
07 Contrast & Accessibility

Every approved pair clears WCAG AA.

Body type (under 18px regular / 14px bold) needs 4.5:1. Large text (≥24px regular or ≥19px bold) needs 3:1. UI controls and meaningful graphics need 3:1. Below are every approved pairing in our system, ratios computed under WCAG 2.2 contrast formula.

AA / AAA — use anywhere AA Large — display ≥24px only Fails — forbidden for content
Aa Body 16Ink on Paper
17.4:1 ✓ AAA
Aa Body 16Paper on Ink
17.4:1 ✓ AAA
Aa Body 16Ink on Red
4.93:1 ✓ AA body
Aa Display 24+White on Red
3.87:1 AA Large only (≥24px / 19px+bold)
Aa Body 16White on Red Deep
5.41:1 ✓ AA body — use for CTAs
Aa Body 16Ink on Ember
7.2:1 ✓ AAA
Aa Body 16Red Deep on Paper
5.86:1 ✓ AA body
Aa Body 16Sky on Ink
8.6:1 ✓ AAA
08 Typography

A geometric voice
and an engineer's footnote.

Two faces do all the work. Space Grotesk for display and headlines — geometric, slightly idiosyncratic, modern without being trendy. Geist for body — humanist, dense numerics, optimised for screen. JetBrains Mono for data, code, captions, and the engineering footprint.

Space Grotesk Display · Headlines
Weights 500 / 600
Tracking −2% to −4%
Use line-height 0.94–1.05
Open-source · SIL OFL
Outcomes,
not deliverables.
Space Grotesk · 600 Section headings
48–64 px
Tracking −2.5%
Engineered to grow your business — across every platform.
Geist Body · UI
Weights 400 / 500 / 600
Body 16 / 18 px
Line-height 1.5–1.6
Open-source

ATIL is a digital growth agency that combines engineering thinking with marketing expertise. We're not a template agency. We're not a tech-only company. We're the best of both — data-driven but human-led. Every campaign sits on a self-healing data pipeline that surfaces winners, kills wasters, and keeps the report you read on Monday honest.

JetBrains Mono Data · Captions · Code
Weight 400 / 500
Tracking +4–8%
Often UPPERCASE
Used for proof & metadata
campaign_id     SP-AMZ-04A2
spend_today     ₹ 4,12,330
roas_7d         5.42×
winners_added   +138
wasters_paused  −54
last_run        12s ago
Instrument Serif Editorial accent only
Italic, sparingly
Use for pull-quotes & one-word emphasis
Optional — never replaces Space Grotesk for headers.
"…the agency that actually shows you what's working."
09 Type Scale

The 1.25 modular scale.

Eight steps, geometric ratio of 1.25. Snap every component to one of these — no in-betweens.

Display L96 / 100−4%More revenue, less guesswork.
Display M72 / 76−3.5%Built by engineers.
H148 / 52−3%Engineered to grow.
H232 / 38−2.5%What we do
H324 / 30−2%Tri-source data fusion
Body L18 / 280We don't optimize for impressions. We optimize for revenue.
Body16 / 240Default body copy across surfaces.
Caption12 / 18+8%CAMPAIGN_ID · SP-AMZ-04A2
10 Imagery & Data Viz

Charts are the hero.
Stock people are not.

ATIL is a data company. The strongest visual we own is a real chart with real numbers. Stock photography of "diverse team smiling at laptop" is forbidden. When humans appear, they are clients (testimonials, headshots) or our team — never models.

DASHBOARD GLOW
REAL CHART · REAL DATA
DATA NODES
5.4×
ROAS
PROOF · IN ONE NUMBER
CAMPAIGN HIT
WEEKLY GROWTH · BAR

Chart rules

Always real numbers

Even in pitch decks. Anonymise the brand if needed, but never invent the curve.

Series order is fixed

Red → Ink → Sky → Ember. Never re-order to suit a slide.

Annotate the "so what"

Every chart in client comms has one sentence on top: what changed, and why it matters.

Grid is 6% Ink on Paper

Or 6% Paper on Ink. Never grey 50%. The data, not the grid, should be the loudest thing.

11 Motion & Pattern

Slow in. Fast out. Once.

Motion at ATIL is functional, never decorative. Things appear because data arrived. The signature animation is a node lighting up — a single dot pulsing once.

Brand pattern · data nodes on grid

Easing

cubic-bezier(.22,.61,.36,1)
"out-quart"

Durations

UI: 180ms
Reveal: 480ms
Hero: 720ms (max)

Hover

Buttons: arrow nudges 3px right. Cards: 1px border darken. No scale, no shadow lift.

12 Components

The kit that runs the site.

Eight primitives cover 90% of every surface — site, deck, report, ad creative.

Buttons

Primary uses Signal. Dark for secondary. Ghost for tertiary inside dark cards.

Stat card
₹150 Cr+Revenue driven

One stat per card. Verb-friendly subject line in mono caps.

Badges & chips
Live data · 12s ago New Limited Amazon Ads Partner

All badges set in JetBrains Mono. Live indicator is the only place pulse animation is allowed.

Service card
Service

Amazon Ads

Sponsored Products, Brands & Display — managed by ScaleSkus.

Learn more →
Quote / testimonial
"Within 3 months — major jump in traffic, engagement and sales."
A
ANJALI M · BRAND OWNER
Form input

Inputs use Paper as background, Ink border at 10% opacity. Focus border becomes solid Ink.

13 Writing the numbers

How we write money, time and metrics.

Consistency here builds trust. The same number written three different ways across a deck reads like sloppy work.

Currency

₹ symbol, no space for amounts ≤ ₹99,999 → ₹15,000 / month
For larger sums use lakh / Cr → ₹12 Cr+ ad spend
Always include the + when the number is a floor, not a ceiling.
Use thousand-separator commas in the Indian system (12,34,567).

Metrics

ROAS as 5.4× (multiplication sign, not lowercase x). Percentages with no space → +38%. Always show the sign (+/) when reporting change. CTR / CPA / CPC stay uppercase, no full stops.

Time

Use ranges with en-dash → 2–3 weeks. Specific days: Mon–Sun, 9 AM – 5 PM. Real-time labels in mono caps → UPDATED 12s AGO.

Numbers in copy

Spell out one through nine ("three months"). Use numerals from 10 onwards ("10 lakh orders"). Mixed scales OK in proof rows: 150+ brands · 12 lakh orders · ₹150 Cr+ revenue.

14 Tone Matrix

One voice. Four tones.

The voice is constant — direct, specific, calm. The tone shifts with the room. A pitch deck and a "your card was declined" email come from the same brand, but the dial moves.

Context Dial In practice Sample line
Marketing Confident · plain Lead with the outcome. Specific numbers in the first line. No throat-clearing. "₹150 Cr+ revenue driven for 150+ brands. Here's how."
Product UI Precise · quiet Verb-led microcopy. Mono caps for state. No metaphors. Tell the user what changed. "54 wasters paused. ₹4,12,330 saved this week."
Sales / proposals Warm · concrete First-person plural ("we"). Name the timeline honestly. Always end with the next single action. "You'll see leads in 2–3 weeks. SEO takes 2–3 months. Here's what we'd do in week 1."
Errors / outages Calm · accountable Take the blame. State the impact in one line. Give an ETA, not a hedge. No "unfortunately." "Our Amazon sync is paused. No data lost. Back online by 6 PM IST. — Update at 4 PM."
15 Co-branding & Partner Lockups

When ATIL appears
next to another mark.

Most co-brand work is case studies, partnership announcements, and platform-certified badges (Meta, Google, Amazon Ads). The rule is: ATIL never competes with the partner's mark — but never disappears next to it either.

CLIENT & ATIL
Brand X ATIL

Vertical hairline divider, 1px Ink at 10%. Heights matched optically (mark cap-height = partner cap-height), not bounding box.

PARTNER BADGE
ATIL Certified
partner
Amazon Ads

"Certified partner" is mono caps, never display type. Partner mark uses its own brand colour as approved by their guidelines.

Order

Client first when ATIL is the agency. ATIL first when ATIL is the host (events, partnership announcements). Alphabetical when peer.

Clear space

Each mark keeps its own clear space (1× cap-height). The hairline sits in the middle of the combined gutter, never inside either mark's clear zone.

Never

Don't merge marks into a single lockup. Don't recolour the partner's mark to match ATIL. Don't put both on the same coloured tile — one always wins, both lose.

16 Social & Favicon

Avatars, OG cards, app icons.

At avatar scale the wordmark stops working. The square-tile lockup — the "A" on Red — takes over. This is the only place the tile is allowed. Everywhere else, free the mark.

ATIL
App icon · 1024px
ATIL
Social avatar · circle
ATIL
Favicon · light
ATIL
Favicon · dark

OG / share card

1200×630. Wordmark top-left, headline left-aligned, never centred. The Signal node remains the only chromatic accent.

ATIL
Case study
From ₹0 to 5.4× ROAS in 90 days. Here's the playbook.
atil.ltd · 04 / 26 READ →

Specs

App / PWA icon

1024×1024 · iOS rounded mask
"A" at 60% of canvas
Red #DC2625 ground

Favicon set

16 · 32 · 48 · 180 px
SVG primary, ICO fallback
Light + dark mediaqueries

Social avatars

400×400 minimum
Crop-safe to 60% radius
Same artwork across LI / X / IG / YT

18 Recommendations

Ten upgrades for the brand,
roughly in priority order.

The current atil.ltd site is functional and clear. These are the deltas that would push it from "generic-good" toward a brand that's recognisable in a screenshot.

01
Today

Red is the brand, but it's barely used outside the logo

The site goes navy/blue once you scroll past the header. The most ownable colour the brand has is left on the bench.

Recommend

Lead with Red on every page

One full-bleed Red panel per page — hero, pricing CTA, or a block-quote. The brand becomes recognisable in a 100×100 thumbnail.

02
Today

The mark is locked to a red square tile

The current logo is the “A” on a solid red field. It works as an avatar, but reads as boxed-in everywhere else — letterheads, ad creatives, deck covers.

Recommend

Free the mark from the tile

Use a transparent-background “A” (red on white, white on red) as the working logo. Reserve the square-tile lockup for social avatars and favicon only.

03
Today

Mixed messaging: "AI-powered" vs "engineered" vs "made simple"

Three different positioning lines compete on the homepage. Each is fine; together they dilute.

Recommend

Pick one tagline, retire the others

"Engineered to grow." or "Built by engineers. Run by marketers." Use it everywhere — social bios, email signatures, deck covers, the front door of the site.

04
Today

Type system relies on system fonts

Renders inconsistently across devices and feels temporary.

Recommend

Lock in Space Grotesk + Geist + JetBrains Mono

All three are open-source. Self-host. Mono in particular is a high-leverage detail — it makes every dashboard screenshot feel like a product.

05
Today

Stat cards are quiet text

"₹150 Cr+", "150+", "12L+" are the most powerful proof you have, but they sit in plain paragraphs.

Recommend

Build a stat-card primitive

Ink card, Signal numeral set in Display L, mono caption underneath. Use it as the second viewport on every service page. Numbers do the heavy lifting your tagline can't.

06
Today

Generic agency stock photography

"Smiling team at laptop" doesn't differentiate ATIL from a logo factory. It also undersells the engineering story.

Recommend

Replace stock with screen-grabs of ScaleSkus

Real dashboards, anonymised brands, annotated. Every "people" image becomes a real client headshot or a real team photo. Honesty is the differentiator.

07
Today

Testimonials are name + initial avatar

They read as filler, not proof.

Recommend

Pair every quote with a hard number

"Genuine enquiries from parents" → "47 enquiries in week 1, 12 enrolments in month 1." If the brand is shy, anonymise it ("School in Belagavi, K-10"). The numbers carry the credibility.

08
Today

"Made simple for you" is told, not shown

The phrase appears in copy, but the site itself isn't dramatically simpler than competitors'.

Recommend

Ship a one-page weekly report template

One sheet, four numbers, one paragraph, no jargon. Make it a public artefact (downloadable PDF on the site). It is the proof of the promise.

09
Today

No motion language

Hover states are default browser. Page transitions are blank.

Recommend

Adopt the "node lights up" gesture

Stat numerals count up on first scroll-into-view. Live badge has a single pulse on hover. Buttons nudge 3px right. Tiny, consistent, owned.

10
Today

Sub-brand sprawl risk

ATIL, Artallur Technologies, ScaleSkus, "AI-powered SEO," "GEO & AEO" — each gets its own page-level treatment.

Recommend

One masterbrand, one sub-product

Treat ScaleSkus as the only first-party product (it is). Everything else — SEO, ads, websites — sits under ATIL services, not as quasi-products. Keeps the architecture honest.

19 Assets & Downloads

Everything in one folder.

Logo files, colour tokens, type files and templates. Send links — never attach the raw PNG.

LOGO PACK

SVG · PNG · favicon

Wordmark on Ink, Paper, Signal. Dark + light favicons. Apple touch icons.

Download .zip →
TOKENS

CSS · JSON · Figma

Colour, type, spacing, radius and motion tokens. Single source of truth across web and design tools.

Open library →
TEMPLATES

Decks · One-pagers · Email

Pitch deck, weekly report, audit one-pager, transactional email.

Browse templates →

Questions, edge cases or new use-cases?
Email brand@atil.ltd — every request is logged and the doc updated quarterly.