Sibner Group / Capital / Investment Management

Brand & Interface Guidelines

A practical visual system for consistent, compliant digital communication across the Sibner brand family.

01

Brand Essence

The current site presents Sibner as institutional, calm and precise. The identity system now supports Sibner Group, Sibner Capital and Sibner Investment Management as one connected brand family.

Professional

Use measured language, structured layouts and restrained emphasis.

Direct

Lead with clear section titles, short support copy and visible contact routes.

Understated

Avoid promotional excess. Yellow is a signal, not decoration.

Compliance-aware

Keep investment wording close to approved site copy and preserve risk language.

02

Logo Usage

Use the supplied final logo artwork. The Sibner cornerstone and wordmark create one shared family system across Group, Capital and Investment Management.

Parent brand Sibner Group logo

Use for group-level, corporate and family office contexts.

Operating brand Sibner Capital logo

Use for Sibner Capital communications and related web or document surfaces.

Regulated investment brand Sibner Investment Management logo

Use for investment management, fund, professional investor and compliance-led contexts.

Sibner Investment Management logo on light background
Sibner Investment Management logo on protected light plate

One master system

The cornerstone device, Sibner wordmark, black artwork and clear-space logic remain consistent across all three entities.

SVG first

Use supplied SVG files for websites, brand guidelines and digital interfaces. Use 3000px PNG files for high-resolution documents and social media.

Entity clarity

Select the entity logo that matches the legal or commercial context. Do not substitute Group, Capital or Investment Management interchangeably.

Do

Keep generous clear space, preserve proportions and use existing file artwork.

Do not

Stretch, recolour, add effects, or separate the cornerstone mark from the wordmark.

03

Colour System

Core colour comes directly from the current site tokens. Navy carries authority, cream and bone provide editorial calm, yellow marks focus.

04

Typography

Headings use Geist with strong weight and tight line-height. Body uses Inter with generous line-height and no negative letter spacing.

Heading / Geist 800

Sibner Investment Management

Brand family naming

Sibner Group
Sibner Capital
Sibner Investment Management

Body / Inter 400-700

Sibner Investment Management provides access to UK real estate debt and private credit opportunities for professional investors.

Eyebrow / Inter 800

Regulatory Disclosures

05

Grid & Spacing

The interface rhythm is built from a 44px unit, 22px half unit, max width of 1232px and section padding that scales with viewport width.

44px 22px 1232px max

Desktop

Use two or three-column modules inside the 1232px max width. Preserve wide section padding and visible grid cadence.

06

Cornerstone Device

The cornerstone suggests alignment, structure, underwriting discipline and focus. Use yellow sparingly through corners, lines and small highlights.

The Future of UK Real Estate Debt lies with Private Markets

Do

Use thin lines, small corners, measured focus points and grid alignment.

Do not

Use large yellow panels, loose decorative blocks or high-volume accent fields.

08

Cards & Modules

Cards are rectangular, precise and mostly dark. Hover states lift slightly and reveal a controlled yellow signal.

75+ years

Operating in UK Real Estate

Use approved proof points only and pair them with clear risk-aware context.

6+ years

Operating as a SME Lender

Maintain short headings, muted body copy and consistent card padding.

2025

March 2025 Fund Launch

Keep figures, dates and product language aligned to reviewed source copy.

09

Motion Principles

Motion is structural: scan, align, reveal and settle. It should feel calm, purposeful and optional.

10

Page Templates

Use current page archetypes: dark hero, cream positioning statement, dark proof modules, contact/map block, regulatory stack.

HeroDark gradient, large Geist heading, concise copy, primary CTA.
StatementCream grid, framed cornerstone, 44px cadence.
ProofDark band, card grid, restrained animated highlights.
ComplianceSimple stack, small headings, preserved disclaimers.

11

Imagery & Maps

Use real site assets. The map pairs a light, desaturated base with a yellow focus device and compact details panel.

Map around Mappin House, Winsley Street in London
London Office Mappin House

4 Winsley Street, W1W 8HF

+44 (0)20 8080 1797 hello@sibner.co.uk

12

Compliance & Copy Tone

Keep financial wording close to approved Sibner copy. Do not add guaranteed outcome language, exaggerated claims or unreviewed performance statements.

Use current approved language

“Capital is at risk. Past performance is not a reliable indicator of future results.”

Avoid

Guaranteed returns, retail investor targeting, unsupported rankings, or language that implies certainty.

Use current audience framing

“The investment products and services of Sibner Investment Management Ltd are only available to professional clients and eligible counterparties.”

13

Component Reference

Use these structures as starting points when extending the current site interface.

Primary Button

<a class="button primary corner-cta" href="#">
  <span>Contact Us</span>
  <i class="button-corner" aria-hidden="true"></i>
</a>

Logo Family

<img src="assets/logos/02_Web/svg/sibner-group.svg" alt="Sibner Group">
<img src="assets/logos/02_Web/svg/sibner-capital.svg" alt="Sibner Capital">
<img src="assets/logos/02_Web/svg/sibner-investment-management.svg" alt="Sibner Investment Management">

Risk Line

<p class="risk-line strong-risk">
  <strong>Capital is at risk. Past performance is not a reliable indicator of future results.</strong>
</p>

14

Developer Tokens

These tokens mirror the current website rhythm and should be preferred over one-off values.

:root {
  --navy: #071827;
  --navy-2: #0c2238;
  --ink: #1b242c;
  --cream: #efeae0;
  --bone: #f5f1e8;
  --mid-blue: #4e89ab;
  --yellow: #ffd400;
  --grid-unit: 44px;
  --grid-half: 22px;
  --max: 1232px;
  --page-pad: clamp(22px, 5vw, 88px);
  --section-pad: clamp(82px, 8.5vw, 124px);
  --ease: cubic-bezier(0.62, 0, 0.18, 1);
  --font-head: "Geist", Inter, Arial, sans-serif;
  --font-body: "Inter", Arial, sans-serif;
}