Brand

Brand guidelines

The working standards for Bunt Capital and Bunt Securities — marks, colour, typography, spacing and the approved button and link styles. Every specimen on this page is rendered from the live design tokens, so it cannot drift from the site.

01

Logo usage

Bunt Capital

Primary mark. Used in the site header, footer and all Bunt Capital material.

Bunt Capital

Bunt Securities

Used for the EMD platform in partnership with Interward Asset Management.

Bunt Securities

Rules

Minimum display height40 px / 12 mm
Clear space on all sidesHalf the mark height
Approved backgroundBlack or dark graphite

Full-brightness neon green belongs to the marks alone. Interface green is always the deeper fill or the softened link green documented below.

  • Do not recolour, outline or add effects to either mark.
  • Do not stretch, rotate or crop the arches.
  • Do not place a mark on a light or busy background without a dark plate.
  • Do not set the two marks so closely that they read as one lockup.

02

Colour

--background

Base surface across every page.

Base

--surface

Raised panels and form fields.

--foreground

Headings and emphasised text.

11.9:1 min

--muted-foreground

Running body copy.

8.3:1 min

--muted-foreground-quiet

Captions, notes, index numbers.

5.7:1 min

--primary

Solid fills. Deep green, never neon.

4.7:1 with white text

--accent-soft

Text links and accent rules.

8.7:1 min

--border

Hairline rules on the page layer.

--border-band

Hairlines on band and surface layers.

--border-strong

Interactive edges and outlines.

3.3:1 min

--ring

Keyboard focus ring.

6.8:1 min

--destructive

Form error text only.

6.1:1 min

Ratios are measured against the base background. Text meets WCAG AA at every documented step; the neon mark green is excluded because it never carries text.

03

Typography

HeadingsSora · 600
BodyManrope · 400 / 600
Heading tracking-0.02em

type-display

Page hero headline. One per page.

Institutional access

type-h1

Section-page title.

Capital Markets Advisory

type-h2

Major section heading.

Why it sits alongside Bunt Capital

type-h3

Item and schedule row heading.

Institutional Marketing

type-lead

Standfirst beneath a headline. One step above body.

Advancing Canadian publicly listed companies.

type-body

Running copy.

Body copy sets at sixteen pixels on a 1.75 line height.

type-small

Captions, footer copy, notes.

Supporting detail and captions.

type-index

Numbering, dates, tabular figures.

01 / 2026

eyebrow

Uppercase label above a heading.

Bunt Securities

04

Spacing and rhythm

Container widthmax-w-6xl · 72rem
Container gutter1.5rem / 2rem ≥ lg
Section padding5rem / 7rem ≥ lg
First section padding6rem / 8rem ≥ lg
Heading to copy1.5rem
Copy to action2rem
Rule weight1px hairline

Sections are separated by a single hairline rule rather than filled panels. Vertical rhythm comes from the shared section wrapper, so pages never hand-pick padding.

05

Buttons and links

Primary button

One per view, reserved for the main action — normally Get in Touch.

Outline button

Secondary navigation alongside a primary button.

Text link

Quiet inline navigation at the end of a section.

Focus state

Every interactive element shows a two-pixel focus ring with a background offset on keyboard focus. Focus is never removed.

Focused

Download link

Outline treatment at small scale, used for the logo files above.