AL-TOUCH / BRAND GUIDELINESIDENTITY MANUAL / 01.1

Brand
guidelinesOne identity. Every connection.

From the complete wordmark to the compact AL icon, consistent proportions, space and colour express the professionalism, trust and connection behind AL-Touch.

Download brand assets Explore logo rules

PRIMARY WORDMARK01 / AL-TOUCH

COMPACT IDENTITY
AL / 1:1

ALIGN & LINK · PEOPLE / TECHNOLOGY / BUSINESS

01 / Logo & clear space

Keep the form. Give it room.

Use the approved master wordmark artwork with its original spacing, proportions and slant. Always use the supplied vector file; do not retype the logo.

X = height of the supplied wordmark canvas. Keep at least 0.25X clear on every side.Keep text, images and other marks outside this area.

Master ratio762 : 142

Minimum clear space0.25 X

Screen / print minimum140 px / 25 mm

02 / Size & icon

Recognisable at every size.

Use the full name on websites, presentations and business documents. Use the AL icon for favicons, shortcuts and compact spaces.

Minimum wordmark size

Screen: 140 px wide · Print: 25 mm wide

Use the AL icon below this size. Check the final print for clarity on the chosen stock and finish.

AL icon

16px

24px

32px

48px

Minimum screen size: 16 × 16 px. Prefer 32 px or larger in interfaces. Keep the square canvas and a minimum outer margin of 0.25D, where D is the icon width.

03 / Colour palette

Navy for trust. Lime for focus.

Let white and navy lead. Use small areas of bright lime for key actions, fine lines, arrows and selected states.

01 / NAVY

Brand navy

#142E40

RGB 20, 46, 64

Primary logo, text and identity. Existing dark website panels may retain #203845.

02 / LIME

Signal lime

#A9D33F

RGB 169, 211, 63

The brand icon, primary actions and small highlights. Pair with navy text; avoid small lime text on white.

03 / SOFT WHITE

Soft white

#F4F6F1

RGB 244, 246, 241

Page surfaces and breathing space, keeping text and imagery clear.

HEX and RGB values are the digital masters. For print, convert using the printer’s ICC profile and approve a physical proof; do not assume one universal CMYK or Pantone match.

Layout guide: about 70% white / soft white, 25% navy and 5% lime. Adapt to the content; these are not mandatory proportions.

Text contrast for navy #142E40 against lime #A9D33F is approximately 8.08:1.

04 / Typography

Clarity has a rhythm.

A practical type system for websites, proposals and everyday communication. The logo remains original artwork, independent of the text typeface.

Aa / 字 / 0123

Technology,
with purpose.

Connecting people. Supporting business.

Understand the need. Connect the right systems. Make every point of contact clear, dependable and useful.

A clear, familiar voice.

Arial + local Chinese system fonts

English: Arial, with a system sans-serif fallback. Chinese: Microsoft JhengHei / PingFang TC; Simplified Chinese: Microsoft YaHei / PingFang SC. Use fonts available on the device; no external font request is required.

Role	Size / line height	Weight
Display	48–72 px / 1.08–1.15	700
Section heading	32–48 px / 1.2–1.35	700
Subheading	20–24 px / 1.4	700
Body	16–18 px / 1.65–1.85	400
Label / caption	12–14 px / 1.5	400–700

Digital reference sizes; use 32–44 px display type on small screens. Keep paragraphs around 45–75 Latin characters or 24–36 Chinese characters per line. Avoid wide tracking in Chinese text.

05 / Layout & graphics

Structure makes the connection.

Use a shared alignment axis, generous space and a restrained connecting line. The graphic language supports the message without competing with the identity.

01 / ALIGN

A shared starting point

Align the logo, heading and body to a consistent edge. Use 12 columns on desktop and 4 on mobile.

02 / LINK

A purposeful connection

Use one fine line to connect related information. Keep routes simple, with clear starts and ends.

03 / TOUCH

One point of focus

A small lime node, arrow or action marks the next step. Keep decorative graphics outside the logo clear space.

8 px spacing system

Use 8 / 16 / 24 / 32 / 48 / 64 px increments. For digital layouts: 20–24 px mobile gutters, 24 px desktop column gaps and a 1,200 px content maximum.

06 / Correct use

Clear identity. No extra effects.

Choose uncluttered backgrounds. Use the master artwork or the supplied white version to keep the identity consistent.

Navy wordmark on a light surface

White wordmark on navy

Lime icon with navy AL

Do not stretch or compress

Do not change the slant

Do not add shadows, outlines or glow

07 / Brand philosophy

AL gives direction. Touch connects.

Align & Link expresses our service philosophy: understand the business first, then connect people, devices and systems.

Connecting technology.
Creating value through communication.

Align

Understand the need

Start with business goals, workflows and constraints, so IT decisions address the problems that matter.

Link

Connect the value

Bring networks, devices, systems and information together to support everyday work.

Touch

Make communication work

Every point of contact between people, devices and systems should be clear, dependable and easy to use.

Our brand interpretation: AL = Align & Link. Effective communication is where technology begins to create business value.

08 / Applications

An identity that works in practice.

Consistent alignment, restrained colour and clear hierarchy connect the website to business materials. These are layout examples, not finished stationery or named employee details.

01 /

SOLUTION PROPOSALTechnology
that connects.

AL-Touch SolutionsLAYOUT EXAMPLE

01 / Proposal cover

A clear title, generous margins and one connecting motif. Use the master wordmark at its original ratio.

[Name][Role / team]

www.al-touch.com.hk

02 / Business card

Keep contact information left-aligned. Reserve the lime icon for the reverse or a small accent.

[Name]

[Role / team]
AL-Touch Solutions
[Business email] · [Telephone]

www.al-touch.com.hk

03 / Email signature

Use a compact wordmark and live text for essential details. Keep icons and promotional banners to a minimum.

09 / Downloads

One identity. Every point of contact.

Download vector wordmarks, the AL icon, PNG files, favicons, Apple icons and clear-space diagrams. Keep the original proportions and colours.

Brand kit v1.1 · SVG / PNG / ICO · sRGB digital artwork

Complete brand asset kit

SVG, transparent PNG, favicons, Apple icon and clear-space diagrams.

Download ZIP

Wordmark clear-space diagram

A scalable vector reference for design and production handover.

Download SVG

Brand guideline one-pager

A quick reference for the logo, colour palette and clear space.

Download PNG

BrandguidelinesOne identity. Every connection.