Brand guidelines.
How we look, sound and show up.

One reference for the logo, colour, type, voice, and interface, so everything we make feels like it came from the same place.

Colourways.
Pick the one the surface allows.

Use the two-tone or one-colour files wherever gradients can't be reproduced.

Primary

Flat neon top, gradient tail. The default.

Full depth

Both halves shaded. Hero moments only.

Two-tone

Flat, no gradients. Screen print, vinyl, embroidery.

Neon

Single neon. Small sizes on dark.

White

One colour on Green Hue or dark photos.

Black

One colour. Stamps, engraving, fax.

White + neon

Two colour on dark surfaces.

Black + neon

Two colour on light surfaces.

Give it room.
Keep it legible.

Clear space on every side equals a quarter of the mark's width. Nothing enters that box: no type, imagery or edges.

Clear space = ¼ mark width
Minimum - mark16 px / 5 mm tall
Minimum - horizontal100 px / 25 mm wide

Please don't.
The files are already right.

Stretch or squash
Rotate
Recolour
Add effects
Low contrast
SERVICE SAVER
Retype the wordmark

On photography, place the white logo on a flat colour patch. Never float the gradient mark over a busy image.

02 - Colour

Green-led.
Never green-loud.

Neon Green earns its weight by being the only saturated colour on the page. Click any swatch to copy its hex.

Two balances.
Same palette.

Dark is primary. Reverse flips the ratio for work where a light page is the better fit. The proportions stay the same, only the canvas changes.

SAMPLE LAYOUT
Plans you can
actually understand.
Traction$1,150 + GST / month
Get started
See all plans
PROPORTION
70% Dark canvas14% Tonal layers10% Type4% Green Hue2% Neon
USE FOR
Website and digital productSocial graphics and adsPitch and presentation decksHero moments, launches, video

The default. Feels premium and confident, and the neon reads brightest against black.

BLACK SCALE
950Footer
900Bands
850Page
800Cards
750Raised
700Hover
600Hairlines
500Borders
400Disabled
Layer tones for depth instead of shadows. Same step names in both modes, so the site's light/dark toggle swaps one scale for the other.
MARK GRADIENT
#1CE783 at the seam → #0B5C36 at the tail. Lower half of the mark only, never a section background.
03 - Type

One typeface.
Slim by default.

Poppins does everything. Headlines sit at 400 with tight tracking; weight is saved for small emphasis.

Aa

Display, H1, H2, body

Display
400 · -.035em
Plans you can understand.
H2
400 · -.03em
We do the work.
H3
500 · -.005em
Real people, not ticket numbers.
Body
400 · 0
Monthly plans with no lock-ins and no jargon. Just a team that takes marketing off your plate.
Eyebrow
400 · .04em
MARKETING SERVICES
TWO-TONE HEADLINES

Marketing that works
as hard as you do.

First line in primary ink, second in subtle grey, or Neon Green for the one accent per screen.

WORDMARK + TAGLINE

The logo is drawn in Outfit Medium as artwork only. Never set Outfit as a working typeface.

04 - Voice

Professional.
Approachable.

Like a knowledgeable friend who happens to run a marketing agency. We for the agency, you for the customer.

We tell clients what they need to hear. Never overclaim results. Social media is a long game.

If a sentence needs a glossary, rewrite it. No synergy, no leverage, no best-in-class.

No exclamation marks in body copy. Confidence builds more trust than enthusiasm.

Short sentences. Verbs do the work.

Kiwi-friendly without being daggy. First names, real people.

Say this.
Not that.

We take social media off your plate.We leverage best-in-class social solutions.
Plans you can actually understand.Unlock your growth potential!
$590 + GST / month$590/mo
Get startedGet Started
Ethan will call you this week.A member of our team will reach out.

The small rules.
That make it consistent.

Casing

Sentence case everywhere: headings, buttons, nav. Product names capitalised: Kickstart, Traction, Elevation.

Dashes

Use sparingly. Prefer a comma or full stop, and use a standard hyphen with spaces for the occasional aside.

Spelling

NZ English: optimise, organise, programme.

Prices

GST disclosed on every price. NZ comma separators: $1,150.

Ranges

Hyphen, no spaces: 2-4 weeks.

Emoji

None in the site, product, or client documents.

05 - Interface

Quiet components.
Hairlines, not shadows.

Small buttons, layered tones, and one green glow per screen at most.

BUTTONS
Get a proposalTalk to usSee plans

Primary in Deep Green with a neon hairline. Secondary on a raised tone. Inline links end with →. Sentence case, no full stops.

FEATURED CARD

Traction

Most popular

Neon outline and soft glow mark the one thing you want chosen. Everything else stays tonal, and hover lifts the tone a step.

RADII
4Checkboxes
6Buttons
12Cards, tiles
18Content cards
24Feature panels
999Pills, badges
ICONS - LUCIDE, 2PX STROKE

Line icons only, inheriting text colour. No emoji, no 3D, no drawn illustrations.

MOTION
140 msMicro - hovers, colour
220 msBase - cards, toggles
420 msEntrance - 10 px fade-up, 60 ms stagger

Ease-out cubic-bezier(0.22, 0.61, 0.36, 1). Calm and professional, with no bounce and no overshoot. (Bars shown at 10× speed.)