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.
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.
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.
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.








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.
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)
/* 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)
/* 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 */
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); }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.
/* 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; }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.



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