Brand Assets

Brand assets

Design like GIN.

Logos, colours, gradient, type and boilerplate for the Gay Investor Network, for partners, press and anyone building something with us. Every block has a copy button. The brand brief below can be pasted into Claude or any AI tool and it will design on-brand.


Read first

Two formats, one brand

GIN runs two visual formats. Web is the light system used on thegin.uk from November 2026: pale sky background, ink text, Archivo Black headlines. Graphics is the navy system used for social tiles, event banners, slide decks and email: navy background, white Montserrat headlines. Both share the same wordmark and the same pastel stripe. Pick the format that matches where your work will live and do not mix them in one piece.

WHICH FORMAT TO USE
Web (light)      Websites, landing pages, web embeds, anything that sits next to thegin.uk.
Graphics (navy)  Social posts, event banners, slide decks, email headers, print, partner co-branding.
Shared by both   The GAY INVESTOR NETWORK wordmark, the pastel stripe, UK English, no em dashes, no vivid rainbow flag.

Paste into Claude

The full brand brief

Copy this whole block and paste it into a new Claude chat. It contains every rule needed to design in GIN style for either format.

GAY INVESTOR NETWORK (GIN) - BRAND DESIGN BRIEF (November 2026)
Use these rules when designing anything for the Gay Investor Network (GIN), the UK's first UKBAA-accredited LGBTQ+ angel investment syndicate. GIN has two visual formats. Choose one per piece and match it exactly.
=====================================================
FORMAT A - WEB (light system, used on thegin.uk)
=====================================================
COLOURS
Page background: #eef2f6 (pale sky)
Card background: #ffffff
Secondary surface: #e4eaf1
Ink (headlines, body): #0f1a3a
Secondary text: #5b6475
Hairline borders: #d9e0e8
Accent (links, hover, underlines): #b14a78 (rose)
Deep navy (feature cards, CTA bands): #001479
Highlight on navy: #f1c050 (gold)
WASH BACKGROUND (optional, for one or two sections)
linear-gradient(100deg, #fbf0f3 0%, #fdf5ec 22%, #fbfaee 42%, #eff6ef 62%, #ecf2f8 82%, #e8eefa 100%)
TYPOGRAPHY
Headlines: Archivo Black, weight 400, letter-spacing -0.04em, line-height 1.04
Body and UI: Inter, weights 400 / 500 / 600
Section labels: Inter 600, 0.64rem, letter-spacing 0.32em, uppercase, colour #5b6475, with an 18px x 3px stripe-gradient bar before the text
Load: https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@400;500;600&display=swap
COMPONENTS
Cards: white, 1px #d9e0e8 border, 18px radius, 30px 28px padding. Hover: translateY(-3px) and a 5px stripe-gradient bar reveals along the top edge (scaleX 0 to 1, 0.45s).
Buttons: pill (999px radius), 15px 28px padding, Inter 600 0.9rem. Primary: #0f1a3a background, white text, hover #b14a78. Secondary: 1px #0f1a3a outline. On navy: white background, #001479 text, hover #f1c050.
Text links: Inter 600 with a 2px #b14a78 underline border.
Photos: 18px to 22px radius, hero photo tilted 1.2deg with a white sticker card overlapping the corner.
Navy feature cards: #001479 background, white headline, gold (#f1c050) label and link underline.
=====================================================
FORMAT B - GRAPHICS (navy system, social, decks, email, print)
=====================================================
COLOURS
Hero / header background: #001479 (deep navy)
Nav strip background: #15176e
Page background: #ffffff
Light section background: #f0f5fa
Body text: #1e293b
Secondary text: #334155
Borders / dividers: #e2e8f0
Menu text: #b3e0fd, hover #d5e4fa
TYPOGRAPHY
Headings: Montserrat, weight 700
Body: Source Sans Pro, weight 400 (600 for emphasis)
Section labels: Montserrat 700, 0.6rem, letter-spacing 0.4em, uppercase, colour #001479, often preceded by a small coloured dot
Load: https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Source+Sans+Pro:wght@400;600&display=swap
COMPONENTS
Cards: white, 1px #e2e8f0 border. Hover: background #f0f5fa, translateY(-2px), border-top 3px solid #001479.
Layout: white page with navy hero sections, a 6px pastel stripe under heroes and between sections, alternating white and #f0f5fa sections.
=====================================================
SHARED BY BOTH FORMATS
=====================================================
THE WORDMARK
"GAY INVESTOR NETWORK" in spaced caps with the pastel stripe directly underneath. Never redraw or retype it: use the supplied PNG. Ink version on light backgrounds, white version on navy or black. Do not add a symbol, icon or cross next to it. Minimum width 180px on screen, 40mm in print. Keep clear space equal to the cap height on all sides.
THE PASTEL STRIPE
Sampled from the logo file. A soft, muted gradient, dusty rose to cool grey-blue. NOT the vivid six-colour pride flag.
linear-gradient(90deg, #ae719a, #c4929c, #dab39e, #ccbba7, #9aaab8, #6899c8)
Used as the bar under the wordmark, as a 5px or 6px section divider, as the card hover bar, and as a text fill on dark backgrounds.
GRADIENT TEXT
On navy or black, fill one or two headline words with the pastel stripe gradient above.
On light backgrounds the pastels fail contrast, so use the deep ramp instead:
linear-gradient(90deg, #8e5a7c, #a4747e, #b8907c, #a89a84, #7a8a9a, #4f7aa6)
Recipe (works for either): display inline-block; background-size 100% 100%; -webkit-background-clip text; background-clip text; -webkit-text-fill-color transparent; color transparent.
TONE OF VOICE
Direct, professional, commercially literate. No corporate fluff. UK English, UK tax and finance defaults (SEIS/EIS, HNW and sophisticated investor language). Make the commercial case plainly.
HARD RULES
- No em dashes or double dashes anywhere. Use single dashes ( - ).
- No italics except where genuinely needed for emphasis.
- No emojis. Use plain HTML symbols or coloured dot elements instead.
- No neon or glow effects.
- Never the vivid rainbow flag.
- Avoid AI-tell phrases: delve, navigate, it's worth noting, quietly, in the realm of, a testament to.
- Plain, direct language.
- Refer to the organisation as the Gay Investor Network, GIN, or The GIN. Never "the GIN Network".
WHAT GIN IS
Gay Investor Network (GIN), run by GI Network Ltd. The UK's first UKBAA-accredited LGBTQ+ angel syndicate. A syndicate of LGBTQ+ investors and allies backing founders at the earliest stages. Sector agnostic, UK-wide. Backs LGBTQ+ founded companies as a priority and demonstrably inclusive ventures. Does not invest in tobacco, fossil fuel extraction, weapons and defence, gambling, high-cost consumer credit, or any business that discriminates against LGBTQ+ people. Founded 2026, London.

Logos

Logo files

Use the supplied files as they are. Ink wordmark on light surfaces, white wordmark on navy or black, square mark for avatars. Do not retype the name, recolour the stripe or place a symbol beside it. Tap Copy URL to drop a file straight into a design.

Wordmark, ink on transparent
Wordmark, ink (web format)
Ink lettering with the pastel stripe, transparent background. The primary logo for light surfaces and the one used in the thegin.uk header.
Download
Wordmark, white on transparent
Wordmark, white (graphics format)
White lettering with the pastel stripe, transparent background. For navy, black and photographic backgrounds.
Download
Square logo
Square mark
Navy square with the wordmark and stripe. Social avatars, app icons, partner logo walls.
Download
Wordmark on gradient (right)
Banner, wordmark right
Wordmark right-aligned on the green-to-navy gradient. Wide banners and LinkedIn covers.
Download
Wordmark on gradient (centre)
Banner, wordmark centred
Wordmark centred on the gradient. Social cards and covers.
Download
Email header
Email header
Slim wordmark banner sized for email headers.
Download
Gradient background
Gradient background
Plain green-to-navy gradient, no text. Backdrop for custom layouts in the graphics format.
Download
Pastel stripe
Pastel stripe
The stripe on its own. Divider asset for either format.
Download
LOGO RULES
- Use the supplied files. Never retype "Gay Investor Network" in another font.
- Ink wordmark on light backgrounds. White wordmark on navy, black or photographs.
- Keep the stripe under the wordmark. Do not recolour it or swap it for the vivid flag.
- No symbol, icon or cross next to the wordmark.
- Clear space: the height of the capital letters, on all four sides.
- Minimum size: 180px wide on screen, 40mm wide in print.
- Do not stretch, rotate, outline, add shadows or place on busy backgrounds.

Colour

Palette

Tap any hex to copy it. The web format is anchored by ink on pale sky with a rose accent. The graphics format is anchored by navy. Copy the block below each set for all values as CSS variables.

Web format (light)

Pale sky (page)
#eef2f6
Card white
#ffffff
Secondary surface
#e4eaf1
Ink (text)
#0f1a3a
Secondary text
#5b6475
Hairline
#d9e0e8
Rose accent
#b14a78
Navy (feature)
#001479
Gold (on navy)
#f1c050
/* GIN web format (light) */
--gin-sky:        #eef2f6;  /* page background */
--gin-card:       #ffffff;  /* cards */
--gin-surface-2:  #e4eaf1;  /* image placeholders, secondary surfaces */
--gin-ink:        #0f1a3a;  /* headlines and body */
--gin-ink-2:      #5b6475;  /* secondary text */
--gin-line:       #d9e0e8;  /* hairline borders */
--gin-rose:       #b14a78;  /* accent: links, hover, underlines */
--gin-navy:       #001479;  /* feature cards, CTA bands */
--gin-gold:       #f1c050;  /* highlight on navy */
--gin-wash: linear-gradient(100deg,#fbf0f3 0%,#fdf5ec 22%,#fbfaee 42%,#eff6ef 62%,#ecf2f8 82%,#e8eefa 100%);

Graphics format (navy)

Navy
#001479
Nav strip
#15176e
Page white
#ffffff
Light section
#f0f5fa
Body text
#1e293b
Secondary text
#334155
Border
#e2e8f0
Menu text
#b3e0fd
Menu hover
#d5e4fa
/* GIN graphics format (navy) */
--gin-navy:        #001479;  /* hero / header */
--gin-nav:         #15176e;  /* nav strip */
--gin-page:        #ffffff;  /* page background */
--gin-light:       #f0f5fa;  /* light sections */
--gin-text:        #1e293b;  /* body text */
--gin-text-2:      #334155;  /* secondary text */
--gin-border:      #e2e8f0;  /* borders / dividers */
--gin-menu:        #b3e0fd;  /* menu text */
--gin-menu-hover:  #d5e4fa;  /* menu hover */

Gradient

The pastel stripe

Sampled directly from the logo file, so it matches the wordmark exactly. Dusty rose to cool grey-blue. Never the vivid six-colour pride flag. Used under the wordmark, as section dividers, as the card hover bar, and as a text fill on dark backgrounds. On light backgrounds use the deep ramp for text, because the pastels fail contrast.

/* GIN pastel stripe - sampled from the logo, never the vivid flag */
--gin-stripe: linear-gradient(90deg,
  #ae719a, #c4929c, #dab39e,
  #ccbba7, #9aaab8, #6899c8);
/* Deep ramp - same hues, darker, for gradient TEXT on light backgrounds */
--gin-ramp: linear-gradient(90deg,
  #8e5a7c, #a4747e, #b8907c,
  #a89a84, #7a8a9a, #4f7aa6);
/* 6px divider stripe */
.gin-stripe { height: 6px; background: var(--gin-stripe); }
/* Gradient text. Use --gin-stripe on navy/black, --gin-ramp on light. */
.gin-rainbow {
  display: inline-block;
  background: var(--gin-ramp);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
/* Card hover bar (web format) */
.gin-card { position: relative; overflow: hidden; }
.gin-card::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 5px;
  background: var(--gin-stripe); transform: scaleX(0); transform-origin: left; transition: transform .45s ease; }
.gin-card:hover::before { transform: scaleX(1); }
Rainbow text generator
Gay Investor Network

Type

Typography

Web format: Archivo Black for headlines, Inter for everything else. Graphics format: Montserrat 700 for headings, Source Sans Pro for body. All from Google Fonts. The wordmark itself is a fixed image and is never set in either font.

The UK’s first UKBAA-accredited LGBTQ+ angel syndicate.
Archivo Black – web headlines
A syndicate of LGBTQ+ investors and allies backing founders at the earliest stages. We exist to get more of our community investing, and more of our founders funded.
Inter 400 – web body
Move from individual wealth to collective legacy.
Montserrat 700 – graphics headings
GIN is the UK’s first accredited angel syndicate exclusively for LGBTQ+ investors. We back underrepresented founders at the earliest stages.
Source Sans Pro 400 – graphics body
/* GIN typography - web format */
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@400;500;600&display=swap');
h1, h2, h3 { font-family: 'Archivo Black', sans-serif; font-weight: 400; letter-spacing: -0.04em; line-height: 1.04; }
body, p    { font-family: 'Inter', sans-serif; font-weight: 400; line-height: 1.65; }
.gin-label { font-family: 'Inter', sans-serif; font-weight: 600; font-size: 0.64rem; letter-spacing: 0.32em; text-transform: uppercase; color: #5b6475; }
/* GIN typography - graphics format */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Source+Sans+Pro:wght@400;600&display=swap');
h1, h2, h3 { font-family: 'Montserrat', sans-serif; font-weight: 700; }
body, p    { font-family: 'Source Sans Pro', sans-serif; font-weight: 400; }
.gin-label { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 0.6rem; letter-spacing: 0.4em; text-transform: uppercase; color: #001479; }

Photography

Event photography

Photographs from Come Out and Connect, our launch at 22 Bishopsgate in October 2026, are by Harry Kinnaird Photography and are available to press and partners for editorial use about GIN. Credit is required on every use: Photo: Harry Kinnaird Photography. For high-resolution files or commercial use, ask us first.

The audience at the Come Out and Connect launch event
Launch audience
Standing room only at 22 Bishopsgate. Used on the thegin.uk homepage.
Download
Panel discussion at the Come Out and Connect launch event
Launch panel
Panel discussion at the launch event.
Download
GIN team and members at the launch event
Team and members
The GIN team and members at the launch.
Download

Press

Boilerplate and facts

Approved descriptions of GIN for press releases, partner pages and event listings. Use them as written. If you need a quote or a different length, contact us.

ONE LINE
The Gay Investor Network (GIN) is the UK's first UKBAA-accredited LGBTQ+ angel syndicate.
SHORT (about 50 words)
The Gay Investor Network (GIN) is the UK's first UKBAA-accredited LGBTQ+ angel syndicate. A community of LGBTQ+ investors and allies, GIN screens deals, carries out due diligence together and invests together in founders at the earliest stages, with LGBTQ+ founded companies first in the pipeline. thegin.uk
LONG (about 120 words)
The Gay Investor Network (GIN) is the UK's first UKBAA-accredited LGBTQ+ angel syndicate. Launched in 2026 and based in London, GIN brings together LGBTQ+ investors and allies to back founders at the earliest stages. Members share deal screening and due diligence and invest as one syndicate, so founders deal with a single investor on the cap table. GIN prioritises LGBTQ+ founded companies and also backs demonstrably inclusive ventures, across all sectors and nationwide, with angel hubs forming in London, Manchester, Cardiff and Brighton. Alongside the syndicate, GIN runs SIX, a free six-month course for people new to angel investing, and Pitch 101, a live session for founders preparing to raise. GIN is run by GI Network Ltd. thegin.uk
STYLE NOTES FOR EDITORS
- Name: the Gay Investor Network, GIN, or The GIN. Not "the GIN Network".
- UKBAA stands for the UK Business Angels Association.
- GIN is a syndicate, not a fund. Members invest their own money deal by deal.
- GIN is a for-profit company. It is not a charity or a not-for-profit.
- GIN does not invest in tobacco, fossil fuel extraction, weapons and defence, gambling, high-cost consumer credit, or any business that discriminates against LGBTQ+ people.
- Syndicate member names are private. Please do not name members without their consent.
- Photo credit, where used: Photo: Harry Kinnaird Photography.
CONTACT
Mark James, Syndicate Lead - markjames@thegin.uk
LinkedIn group: https://www.linkedin.com/groups/16965026/
Instagram: https://instagram.com/gayinvestornetwork
Scroll to Top