ALINE
Brand Kit

The ALINE visual identity

Version 1.0 · June 2026 · Professional proximity networking
Download as PDF ↓
02 - Color

Palette

Restrained by design - one ownable green, warm neutrals, and a tight semantic set. Green is rare and meaningful; if removing it loses no information, use a neutral instead. Click any swatch to copy its hex.

Brand
Brand Green
#009A44
Primary CTAs, active states, match signal
Accent Hover
#007A36
Pressed / emphasised green
Accent Soft
#E6F5EC
Tinted chips, badges, fills
Graphite
#6E6E6E
Logo secondary tone
Ink
Ink
#0A0A0A
Primary text
Ink Soft
#4A4A4A
Secondary text
Ink Muted
#8A8A8A
Metadata, placeholders
Disabled
#C9C6BF
Inactive controls
Warm surfaces
Surface
#FAF7F2
App background
Surface Warm
#F2EDE3
Stage / outer bg
Surface Soft
#EFEAE0
Inset cards, inputs
Border
#E4E2DD
Hairline dividers
Semantic
Success
#009A44
Confirmations (= brand)
Warning
#F59E0B
Caution states
Danger
#DC2626
Destructive, over-limit
Info
#2563EB
Informational
03 - Typography

Type

A serif for identity, a sans for everything you read. Instrument Serif carries the brand voice; Inter carries the product.

Display - Instrument Serif
ALINE
“Networking, for people who’d rather be building.”
Body & UI - Inter
The quick connection finds its line.

Inter sets every interface surface: list rows, buttons, inputs, body copy. Clean, neutral, legible at small sizes, with tabular numerals for stats and distances.

AaRegular 400 AaMedium 500 AaSemiBold 600 AaBold 700
Micro-labels - JetBrains Mono
94% MATCH · 0.6 MI · 47 LINES
TokenSizeSample
display56 / 3.5remDisplay
h148 / 3remHeading one
h236 / 2.25remHeading two
h328 / 1.75remHeading three
h422 / 1.375remHeading four
heading-sm20 / 1.25remSmall heading
body-lg18 / 1.125remLarge body copy
body16 / 1remDefault body copy
body-sm14 / 0.875remSmall body copy
caption12 / 0.75remCaption / metadata
04 - Iconography & shape

Shape language

Pills for actions, circles for people, hairlines over shadows. The silhouette of the brand is soft and human even though the mark is sharp.

Buttons - always capsule

Primary, secondary, and disabled. Never square or mildly-rounded CTAs.

Avatars - always circles

People are round; only content thumbnails use rounded rectangles.

A
M
S

Corner radius

xs · 4
sm · 8
md · 12
lg · 16
xl · 20
full

Spacing rhythm

4
8
12
18
22 - screen gutter
28
40

Icons

Use Apple SF Symbols (line weight, not filled) for all interface iconography - they stay native on iOS and scale with Dynamic Type. The angular-A motif from the mark may be used as a standalone brand glyph (e.g. empty states, loading), set in the green/graphite two-tone. Zero emoji, anywhere.

05 - App icon

App icon

The shipped iOS icon, on the system superellipse mask.

ALINE app icon

Usage

Source is the 1024×1024 master in the iOS asset catalog. Don’t round the corners yourself - iOS applies the mask. Keep the mark inside the safe area; never place the full lockup on the icon.