Logo & brandmark
The ShareSoc identity is built from two elements: the brandmark — a navy circle containing an abstract "S" formed from two horizontal shapes, signifying individual investors standing together — and the logotype set in Montserrat. The full lockup pairs both with the descriptor "UK Individual Shareholders Society".
Full lockupPrimary form. Use wherever space allows and first-time brand recognition matters — homepages, covers, email signatures, business cards.
Variants- Full lockup · screen
- 120px wide
- Full lockup · print
- 30mm wide
- Brandmark · screen
- 24px
- Brandmark · print
- 8mm
Asset files at the repo root: ShareSocLogo_Navy.svg · ShareSocLogo_White.svg · ShareSocLogoStrapline_Navy.svg · ShareSocLogoStrapline_White.svg · ShareSocBrandmark_Navy.svg · ShareSocBrandmark_White.svg — outlined SVGs (wordmark Montserrat Bold; strapline "UK Individual Shareholders Society" Montserrat Medium, set to the wordmark width), referenced by brand.json → logo.
SIGnet sub-brandSIGnet is ShareSoc's network of private investor groups. Its logo follows the same usage rules as the ShareSoc logo and comes in two variants. The wordmark is Montserrat Bold in both — the SIG / net split is colour, not weight. A strapline lockup adds the descriptor The UK’s Investor Network beneath the wordmark (Montserrat Medium), mirroring the ShareSoc strapline lockup; drop it when it becomes illegible at small sizes.
Asset files at the repo root: SIGnetLogo_Navy.svg · SIGnetLogo_White.svg · SIGnetLogoStrapline_Navy.svg · SIGnetLogoStrapline_White.svg · SIGnetBrandmark_Navy.svg · SIGnetBrandmark_White.svg — outlined SVGs, referenced by brand.json → subBrands.
Service tiles
Five brand colours mapped to ShareSoc service areas. Toggle dark/light above to verify both modes. Sky (Light Blue) is the only tile requiring dark text.
Brand palette
Each brand colour generates five tokens: tile, tinted surface, dark-mode accent, light-mode accent, and rule. The tinted surface adapts per mode — warm darks in dark mode, pale tints in light mode.
▲ Sky tile uses dark text (#1A1A1A). White on light blue gives insufficient contrast. This is the only exception in the system — consistent with how pale colours work across all design conventions. ◑ = dark mode accent. ○ = light mode accent.
Base UI tokens
Surface, rule, and ink tokens in both modes. All ink values exceed 4.5:1 on every background they appear on. Toggle the mode button to verify.
Semantic states
State colours map directly to brand colours — errors use Orange, success uses Teal, warnings use Amber (semantic), info uses Navy. This makes semantic meaning reinforce service identity.
Palette expansion note: these semantic tokens are new additions not in the base brand palette. They share the same hex values as brand accents but are named for their functional role, not their service association — so a form error showing orange is a deliberate collision with the Investor Advocacy service identity, reinforcing brand recognition.
Type scale
Three fonts: Montserrat (display/UI/labels), Manrope (body/functional), DM Mono (data/numerical). All sizes ≥11px. All text–colour pairs exceed 4.5:1.
Font stackDisplay, UI, and labels. Headlines, section titles, subheadings, nav labels, tile names, eyebrows, badge tags. The primary voice of the brand — confident and modern.
Body and functional text. Paragraphs, form labels, button text, descriptions, captions. Optimised for readability at small sizes.
Data and figures. Financial numbers, percentages, ISINs, version labels, code snippets. Always use with tabular-nums for aligned columns.
44–56px · −0.025em
30–36px · −0.02em
20–24px · −0.01em
17–18px
16–18px · ink-2
14–15px · 1.75lh
19–22px · ink-1
11px · 0.2em · ink-3
tabular-nums
Hero
Montserrat caps eyebrow in orange, Montserrat 600 headline, Montserrat 400 deck. Primary and ghost CTAs.
Your voice in the boardroom
ShareSoc campaigns for stronger shareholder rights, better company communications, and fairer treatment of individual investors.
Editorial content
Full article layout. Montserrat caps for eyebrow and attribution; Montserrat for headlines; Manrope for body; Montserrat italic for pull quotes. Orange on pull quote rule.
The AGM is a shareholder's most powerful moment
Companies that take the AGM seriously engage with individual investors honestly — with transparency, real answers, and respect for the room.
The moment a shareholder walks into an AGM, the company has an opportunity — to listen, to explain, and to demonstrate accountability. Too often that opportunity is squandered by rote presentations and carefully managed question sessions that avoid the real issues.
"Individual investors ask the questions that institutional shareholders are too polite — or too conflicted — to raise."
— Mark Maydon, Director · ShareSocWhat good AGM engagement looks like
Effective AGM engagement has three components: a genuine opportunity for shareholders to question the board, a clear explanation of strategy in plain language, and a forward-looking commitment that can be held to account at the next meeting. Companies that deliver all three build lasting retail shareholder loyalty.
This article reflects the views of ShareSoc and does not constitute financial advice. ShareSoc is a not-for-profit membership organisation.
Data tables
Montserrat caps column headers, Montserrat 500 names, DM Mono for all figures (tabular-nums). Up/down delta colours are teal (positive) and orange (negative) on background.
| Holding | ISIN | Weight | YTD Return | 3Y Ann. | Sharpe | Status |
|---|---|---|---|---|---|---|
Halma plc Industrials |
GB0004030708 | 8.4% | +22.1% | +14.3% | 1.74 | Active |
ICG plc Financials |
GB00BYT1DJ19 | 7.1% | +18.7% | +11.2% | 1.52 | Active |
Diploma plc Industrials |
GB0002984771 | 6.8% | +31.4% | +19.6% | 2.18 | Active |
Kainos Group Technology |
GB00BH03TG35 | 4.2% | −8.3% | +6.1% | 0.89 | Review |
Watches of Switzerland Consumer |
GB00BMF6GC16 | 3.6% | −14.2% | −2.8% | 0.61 | Reducing |
Metric cards
Single container with 1px rule gaps. Montserrat caps labels, Manrope 600 values, mono deltas. No service-colour borders — delta percentage is the only colour. 4-across on desktop, 2x2 on mobile.
Buttons
Primary uses navy tile (white 7.1:1). Hover darkens to #2A4060 (white 9.2:1). Secondary uses orange tint/accent pair. Ghost uses base ink tokens. All pass AA.
StylesForms & inputs
Focus ring uses navy accent. Error states use orange. Success uses teal. Placeholders use ink-3 (5.3:1 dark / 5.4:1 light). Labels at 13px Manrope 500.
Input statesBecome a member
A member of our team will be in touch within one business day.
By submitting you agree to our Privacy Policy. We will not share your data.
Alerts & feedback
All four semantic states. State colours map to brand families: error→Orange, success→Teal, warning→Amber (semantic), info→Navy. Icons always present — colour is never the sole signal.
Full alertsBadges & tags
Service colour badges using tint/accent pairs. Montserrat caps variant for editorial context. Neutral uses surface-2/ink-3.
Status badges — Manrope 500 12pxEmpty state
Used when lists, tables, or data views have no content. Montserrat caps for context, Montserrat 500 for title, Manrope for description.
No holdings match your filters
Try adjusting the sector filter or date range. Clear all filters to see the full portfolio.
Full AA compliance table
Every text-on-colour pair in this system, both modes. All pass WCAG 2.1 SC 1.4.3 (≥4.5:1 normal text). Focus rings use WCAG 1.4.11 non-text contrast (≥3:1).
| Foreground / Background | Usage | Ratio | AA |
|---|---|---|---|
| Dark mode — base text | |||
| #E8E6DF on #111111 | Primary text on background | 15.1:1 | Pass |
| #A8A6A0 on #111111 | Secondary text on background | 7.8:1 | Pass |
| #8A8880 on #111111 | Tertiary / labels on background | 5.3:1 | Pass |
| #8A8880 on #1E1E1E | Tertiary on surface-2 (disabled) | 4.7:1 | Pass |
| #8DB9D4 on #111111 | Link colour on background (sky) | 5.8:1 | Pass |
| Dark mode — brand accents on background | |||
| #EB6144 on #111111 | Orange accent — nav active, eyebrow, error | 4.5:1 | Pass |
| #3DDBC4 on #111111 | Teal accent — success, positive delta | 9.2:1 | Pass |
| #F2C030 on #111111 | Amber accent — warning (semantic) | 11.1:1 | Pass |
| #6A9FD8 on #111111 | Navy accent — info, focus ring | 5.7:1 | Pass |
| #EB6144 on #1C1C1C | Orange accent on surface card | 4.5:1 | Pass |
| Tile text (mode-independent) | |||
| #FFFFFF on #EB6144 | White on Orange tile (Investor Advocacy) | 4.5:1 | Pass |
| #FFFFFF on #252C39 | White on Dark tile (Events & Webinars) | 13.8:1 | Pass |
| #FFFFFF on #26BCA9 | White on Teal tile (Research & Education) | 6.1:1 | Pass |
| #1A1A1A on #8DB9D4 | Dark on Sky tile (Media & Publications — exception) | 6.5:1 | Pass |
| #FFFFFF on #355075 | White on Navy tile (Membership) | 7.1:1 | Pass |
| #FFFFFF on #355075 | Primary button (navy) | 7.1:1 | Pass |
| #FFFFFF on #2A4060 | Primary button hover | 9.2:1 | Pass |
| Light mode — base text | |||
| #1A1A1A on #F5F4F0 | Primary text on light background | 15.8:1 | Pass |
| #3D3C38 on #F5F4F0 | Secondary text on light background | 10.0:1 | Pass |
| #666462 on #F5F4F0 | Tertiary / captions on light background | 5.4:1 | Pass |
| #666462 on #FFFFFF | Placeholder text on white input | 5.9:1 | Pass |
| #355075 on #F5F4F0 | Link colour on light background (navy) | 7.1:1 | Pass |
| Light mode — brand accents | |||
| #C0402A on #F5F4F0 | Orange accent light — error, nav active | 6.2:1 | Pass |
| #1A8A7A on #F5F4F0 | Teal accent light — success | 4.7:1 | Pass |
| #7A5800 on #F5F4F0 | Amber accent light — warning (semantic) | 5.9:1 | Pass |
| #355075 on #F5F4F0 | Navy accent light — info, link | 7.1:1 | Pass |