TechNext Brand Kit

01Basics

Name	TechNext (capital T and N, one word). “TechNext Asia” in marketing only, never on contracts
Legal name	TechNext Pte. Ltd. (legal footers only)
Hero line	“No need to hire your own team for Odoo, websites, branding or tech.”
Core promise	“You don't need to hire your own team.”
Signature line	“Odoo ERP Solution and AI Automation” (email signature, card backs, call backgrounds)
Services line	“IoT · Apps · Networks”
Social footer	“Odoo, set up by TechNext” beside technext.asia
Partner wording	“Odoo Ready Partner”, never certified, gold or silver
Handles	@technextasia everywhere; LinkedIn /company/technextasia
Email	sales@technext.asia (all site forms reply from it) · career@technext.asia for careers

Mascot

Nexi, the TechNext robot (she/her). Transparent PNG poses: ~/.claude/skills/technext-social-posts/kit/assets/nexi/. Never redraw her or cover her face.

02Web identity

As the live site presents the brand: titles, navigation, footer, contacts, icons and share images.

Page title	Odoo Partner in Singapore & the Philippines \| TechNext
Meta description	TechNext is your Odoo, website and brand team in Singapore and the Philippines. You don't need to hire your own: we set it up and stay on after go-live.
H1 tag	Odoo Ready Partner in Singapore & the Philippines
Navigation	Solution ▾ · Industries ▾ · Odoo ▾ · Company ▾ · Nexi Explains · Free website (primary button)
Solution menu	ERP: Odoo ERP Implementation · CRM Development · Enterprise Solution — AI Solution: RAG Knowledge Assistants · Odoo + AI integrations · Workflow Automation · AI Chatbots — Marketing: Web Design & Development · Social Media Management · Graphic & Brand Assets — Technology: IoT Solutions · App Development · Networks
Industries	Medical · Travel · Retail · Ecommerce · Construction · F&B · Manufacturing · Health & Wellness
Company menu	About TechNext · Employee Hub · Careers · Blog · Events · Life at TechNext · Singapore HQ · Philippines · Vietnam
Footer	© 2026 TechNext Pte. Ltd. All rights reserved. · About · Careers · Blog · Privacy Policy · Terms of Service
Contacts	sales@technext.asia (site-wide, never hello@) · career@technext.asia · WhatsApp +65 8839 6998 · meetings technext.odoo.com/book/c82cf8a9
Offices	Singapore HQ, 261 Waterloo Street #03-36, Singapore 180261 · Main development and consulting hub, Taguig City · AI engineering hub, Ho Chi Minh City
Social	Facebook, Instagram, X, TikTok /technextasia · YouTube @technextasia · LinkedIn /company/technextasia
Favicons	favicon.ico (16/32/48) · favicon-32/48/96/192.png · apple-touch-icon 180×180
Share image	og-image.png 1200×630 · twitter summary_large_image · og:site_name TechNext
Partner proof	odoo.com/partners/technext-pte-ltd-28073844 · “Claude Partner” on the AI practice

03Logo

Brandmark

A paper plane filled #3871D2 → #64ADFF. The gradient exists only inside the artwork.

Wordmark

“Tech” light, “Next” bold, in #3167CA. The two weights are part of the logo; never retype it.

Two colours only

Blue on light, white on dark. There is no third option.

Files

Horizontal · bluePNGDefault on light.technext-horizontal-blue.svg / .png

Horizontal · whitePNGOn dark and photos.technext-horizontal-white.svg / .png

Wide · bluePNGHeaders, signatures, letterhead.technext-wide-blue.png (1000×200)

Wide · whitePNGDark bands.technext-wide-white.png

Vertical · bluePNGSquare spaces.technext-vertical-blue.png

Vertical · whitePNGSquare spaces on dark.technext-vertical-white.png

Brandmark · bluePNGFavicons, avatars, under 100 px.technext-brandmark-blue.png

Brandmark · whitePNGAvatars on dark.technext-brandmark-white.svg / .png

Odoo Ready Partner badgePNGOdoo work only; never on social posts, never recoloured.odoo-ready-partner.png (Odoo's badge)

Masters: ~/ClaudeWork/technext-marketing-hub/assets/logo/ (SVG + PNG). Print from the SVG. The old all-caps “TECHNEXT” with a navy plane is retired.

Rules and misuse

Clear space	25% of logo height, every side
Min · horizontal	160 px / 30 mm
Min · vertical	90 px / 20 mm
Min · brandmark	24 px / 6 mm
Under 100 px	use the brandmark alone
Deck chrome	30 px tall in a 92 px band
Social posts	top-left, h44; plain Odoo wordmark top-right, h42
Co-branding	match weight, own colours, a thin rule between

Blue on white, full strength.

Stretched.

Recoloured.

Rotated.

Effects added.

TECHNEXT

Retyped / the retired caps mark.

Low-opacity watermark.

Blue logo on mid blue.

04Colour

Click a colour to copy its hex. Contrast is measured against white and the brand ink #1F1F3D. Type the hex in; never sample it. Wrong blues in circulation: #2563EB, #0043BD, #0062CC.

White · 60Blue · 22Ink · 10Wash

All tokens

Gradients

Logo plane #3871D2 → #64ADFF

Dark slide 140° #0F2350 → #1E4691 → #2D5DB8

Social dark skin #3167CA → #1E4691

05Typography

Bangers appears only for Nexi's comic words on the homepage hero.

Plus Jakarta SansDisplay · loads 500/600/700/800 · h1 800 −0.025em, h2–h4 700 −0.015em

Every Odoo app, one database.

Google Fonts on the site; self-hosted woff2 in the decks. SIL OFL.

InterBody and UI · 400 / 500 / 600 · 16 px / 1.65

Accounting, Sales and Inventory first, then the rest.

Fallback Arial in email and Word. SIL OFL.

CaveatHand · 600 1.55rem · lowercase kicker or one word · −1.2° on the site (−1.5° in decks)

where we start

Never body copy. SIL OFL.

Scale

Display	Tell us what	deck 92 / 800 site h1 2.4–4.3rem
Title	Four practices. One team.	deck 44 / 800 site h2 1.75–2.6rem
Card	Odoo implemented	27 / 700
Lead	From a first rollout…	26 / 1.5 · 60ch
Body	Same team as day one.	22 deck · 16 site
Eyebrow	Odoo Ready Partner	site 12 / 700 / .12em caps
Kicker	how we work	Caveat 38 / 600

The One Marker Rule

Every headline has exactly one phrase in Brand Blue over an 18% blue marker band.

Social posts

Two-line Jakarta 800 headline (~94 px on 1080), line 2 in blue. Subtitle Inter 28/1.42. Nothing readable under 18 px.

Writing

British spelling. “Odoo”, never “ODOO”. Money as S$18,220.44.

06UI tokens

Hover and press: lift 2 px, a sheen sweeps, press 0.96. Labels are the ones used most on the live site. Click a curve to play it.

Buttons, live

Ease out (the one curve)(.2,.8,.2,1) · 600ms

Expo · hero(.16,1,.3,1) · 800ms

Spring · sparingly(.34,1.45,.64,1) · 700ms

Button	`46px · pad 0 20 · r 12 · Inter 600 15`
Primary	`#3167CA → hover #1E4691 + blue glow`
Radius	`8 · 14 · 20 · pill 999`
Shadow S	`0 1px 2px rgba(31,31,61,.06), 0 8px 24px -18px rgba(31,31,61,.25)`
Shadow M	`0 2px 6px …, 0 24px 48px -28px rgba(31,31,61,.35)`
Shadow blue	`0 12px 28px -12px rgba(49,103,202,.55)`
Card	`white · 1px #E7E4E9 · r 14 · pad 28`
Tag	`pill 26px · Inter 600 12 · #EAF0FB / #1E4691`
Layout	`container 1200 · gutter 24 · section 96 · header 72`
Icons	`line 24×24 · 2px stroke · currentColor`
Theme	`light only (color-scheme: light)`
Sizes	`.btn-lg 52 · pad 0 24 · 16px; .btn-sm 38 · pad 0 14 · 14px · r 10`
Button motion	`hover −2px + white sheen (.7s) · press scale(.96) .12s · ripple from click · busy spinner`
Focus	`outline 2px solid #3167CA · offset 2px · r 4`
Links	`#3167CA, no underline; hover underline offset 3px · .btn-link 1.5px underline grows from left (.28s)`
Form fields	`label Inter 600 13 ink · input 15/1.4 · 1px #E7E4E9 · r 8 · pad 10×12 · min-h 44 · focus blue border + 3px #DDE7F8 · invalid #D93A30`
Header	`sticky 72 (64 ≤960) · rgba(255,255,255,.96) · hairline once scrolled · logo 170×34`
Mega menu	`white · 0 28px 40px -36px rgba(31,31,61,.35) · .18s fade + 6px drop`
Side tabs	`Set up meeting · Let's Talk · Ask Nexi · blue, r 0 12 12 0, Jakarta 700 14 (50 px circles ≤960)`
Reveals	`translateY(14px) · .38s ease-out · 70ms apart`
Breakpoints	`1100 · 960 · 640 · 420 (section 56, gutter 18 at ≤640)`
Extra tokens	`--glass rgba(255,255,255,.72) · --gold #D69A00 · ::selection #CFDDF7`

07Accessibility

WCAG 2.x contrast, computed from the live tokens.

Pair	Contrast	Use
Brand Blue #3167CA on white	5.35:1	AA
White on Brand Blue	5.35:1	AA
Body #4C4C63 on white	8.33:1	AAA
Muted #62627A on white	5.92:1	AA
Navy #1E4691 on Wash #EAF0FB	7.84:1	AAA
Retired #8888A0 on white	3.46:1	fails (chevron stroke only)

Skip link “Skip to content” (blue pill) · prefers-reduced-motion respected · focus ring 2 px Brand Blue.

08Imagery

Light grounds; fine grids, dot grids, soft blue auroras.
Real Odoo screens, simplified and labelled as sample data.
Official Odoo app icons in their own colours, never on tiles.
Flat icons: 2–5 overlapping shapes, no tile, stroke, gradient or text.
Nexi in an action pose with a reaction.
No dark sci-fi hologram dashboards.

Flat icon set: TechNext-Website/_src/flat_icons.json (103 icons).

09Formats and templates

Application	Size	Spec
Social post	1080×1440 (3:4), delivered 2160×2880	Logo row 72 px from the sides, 64 from the top: TechNext top-left h44, Odoo wordmark top-right h42. Footer: pill CTA left, technext.asia + “Odoo, set up by TechNext” right. One real Odoo fact.
YouTube thumbnail	1280×720	Nexi Explains: blue ground, TechNext logo top-left, episode badge, big caps title.
Share card (OG)	1200×630	White, logo top-left, Jakarta headline, Odoo Ready Partner badge for Odoo pages.
Deck	1600×900 stage	Logo 30 px in a 92 px top band; Caveat kicker; one marked phrase; navy dark slides.
Email signature	520 px banner	Wide logo, signature line, “TECHNEXT PTE LTD.” as written.
Call background	1920×1080	White with a soft blue curve; logo + Odoo top-left; signature line bottom-right.

Templates and page anatomy

Email signature

Table layout, Arial/Helvetica. Name 20/900 #111 · 1px #ccc divider · logo sig/logo-h.png 110×22. Role “JOB TITLE • TECHNEXT PTE LTD.” 11/500 #888 +1.2px. Phone · email · technext.asia 12px #444 with icons. “Odoo ERP Solution and AI Automation” 12/700 #3167CA, “IoT • Apps • Networks” 11/600 #666. Social icons 26 px (FB, IG, LinkedIn, X, YouTube, TikTok). Banner sig/banner.png at 520×104, r 12. Confidentiality 10px #999. Copy for Gmail / Odoo / Export HTML. Never move sig/ (signatures hot-link it).

Business card

3.5 × 2 in (+1/8 in bleed = 3.75 × 2.25 in PDF). Front: contact side with a vCard QR. Back: brand side, white logo, signature line, “IoT · Apps · Networks”. Exports 600 dpi 2100×1200 and 1200 dpi 4200×2400, print PDF front + back. Fields: name, title, phone, email, website, address (optional).

Staff ID card

CR80 2.125 × 3.375 in with photo + barcode. Photo ground: Brand blue / Light / White, auto-frame. Office: Singapore HQ / Taguig City, Metro Manila / Ho Chi Minh City.

Call backgrounds and animated logo

4 designs × Normal + Mirrored, 1920×1080. Animated logo GIF 512 px (slides, email) and 256 px (Gmail profile, light and blue).

10Voice and wording

PlainConcreteReassuringPlayfulSpoken to “you”One idea per slide or post

In the brand's own words (verbatim, live)

No need to hire your own team for Odoo, websites, branding or tech.
From lead to reconciled cash, across five departments.
Four practices. One team.
Every Odoo app, one database.
Tell us what slows you down.
Configure. Migrate. Go live. Keep going.
Where Odoo runs is a scoping decision, not a default.
A short discovery call is enough to say which Odoo apps you need, in what order, and what it will take. No pitch before we understand the problem.

Button and link labels in use

Most used

Get a quotation (~270)Let's talk (125)Get your free website (99)Talk to us (82)Start with discovery (51)Book a discovery call (~11)

Also

Subscribe on YouTubeHow we workBrowse all appsWatch Nexi ExplainsAsk NexiSee it runFree website

Forms and /get-started

Send inquiryNeed a written quotation?Claim my free designMessage us nowSet a schedule

Use

one team, one database
set up
stays on after go-live
“Type it once.”
“Tell us what slows you down.”
Odoo Ready Partner

Avoid

certified / gold / silver
“free Odoo”
jargon: leverage, synergy, best-in-class
invented numbers
ODOO in caps

Brand	TechNext
Partner	Odoo Ready Partner
Odoo	Odoo 20
Spelling	British: customisation, organise
Money	S$18,220.44
Kickers	lowercase Caveat

11Do's and don'ts

Do

Lead with #3167CA on white; light only.
Blue logo on light, white on dark, 25% clear space.
Jakarta 800 headlines with one blue marked phrase; Inter body; one Caveat kicker at most.
Label every demo screen as sample data.
Official Odoo icons in their own colours.
Social: 3:4, logo top-left, Odoo wordmark top-right.

Don't

Recolour, stretch, rotate or watermark the logo; use the old caps mark.
Use the wrong blues or Montserrat.
Put the partner badge on social posts.
Put Odoo icons on tiles, or tiles behind flat icons.
Redraw Nexi or cover her face.
Sci-fi hologram dashboards, peach, mint or purple grounds.

12Masters and open items

Logos (SVG + PNG)	`~/ClaudeWork/technext-marketing-hub/assets/logo/`
Print SVGs	`Marketing\02. TechNext Folder\01. TechNext Marketing Hub\02. TechNext Branding Miscellaneous\business-cards\`
Fonts (woff2)	`~/ClaudeWork/technext-presentations/assets/fonts/`
Site tokens	`TechNext-Website/assets/css/site.css :root`
Nexi poses	`~/.claude/skills/technext-social-posts/kit/assets/nexi/`
Brand guide (live)	`technextsg.github.io/technext-marketing-hub/branding.html`

Open items

Original logo folder not found after the 10 Oct Drive reorganisation.
No exact colour spec for Nexi.
Deck-only values (−1.5° kicker, 13 px eyebrow) differ from the site (−1.2°, 12 px).

technext.asiaCompiled from technext.asia (14 Oct 2026), site.css, the decks' DESIGN.md, the social kit and the Nexi character bible.

13All materials

Every material for this brand, with its source path. Download buttons give the file kept in this kit; large originals stay at the path shown.

66 materials in 11 groupsDownload all (48 files, ZIP)

Logos & icons 18

Horizontal logo, blue (master 2000)officialPNG · 2000×2000 · 49 KB

G:\Shared drives\Marketing\02. TechNext Folder\01. TechNext Marketing Hub\00. TechNext Marketing Hub\assets\logo\technext-horizontal-blue.png

TechNext