Who we are
The brand draws quietly on Anglo-Saxon England. The name comes from the fyrd, which King Alfred reorganised, and the logo from the shield wall Alfred formed to defeat Guthrum's army at Edington in 878. The heritage stays in the details. The overall impression should be credible, modern and safe to buy from.
FUROC
Always written in capitals in the logo and in headings. In running text, write FUROC. The legal name is Furoc Limited. Say it FUR-ock. See What the name means.
Alongside you, until it’s done.
We work alongside our clients’ teams rather than handing work over the fence, and we stay until the job is done. It is the fyrd’s promise in plain English: turn out when called, and see it through.
FUROC delivers software and hardware for the public sector, working with government teams from bid to delivery and beyond.
- Plain English. Short sentences, everyday words, no jargon without explanation.
- Collaborative. "We will work with you to…" rather than "We will deliver to you…"
- Evidence-led. Back claims with numbers, standards and examples.
- Steady. Confident but never boastful. The heritage is a hint, not a costume.
What the name means
FUR-ock · /ˈfɜː.rɒk/
noun
A small fyrd: a company that turns out for the public good.
fyr(d) + -oc → FUROC
From Old English fyrd, those called on to defend the kingdom, shortened and joined to -oc, an Old English ending meaning “small” (as in bullock and hillock).
In Anglo-Saxon England, the fyrd was raised from people with land and livelihoods of their own. When the kingdom needed them, they set aside their own work and brought their skills and equipment to its service. Fyrd service was one of three duties owed to the common good, alongside repairing bridges and keeping the town defences in repair.
King Alfred made it work as a system. He split the fyrd so that half were always on service and half at home, and he built a network of fortified towns so that no one in Wessex was far from one.
FUROC takes its name from the fyrd. Our founders built deep expertise in the private sector, and felt compelled to bring it to public service. We are a small company that turns out for the public good, and stays until the job is done.
FUROC takes its name from the fyrd: the people of Anglo-Saxon England who set aside their own work to turn out for the common good.
- In (defence, security, emergency services): “A small fyrd: we muster when we’re needed, and we hold the line.”
- Out (local government, health, education): lead with Alfred’s rota and the towns. That’s service built to last, and infrastructure no one is far from.
Naming
Names follow the brand: plain where clients see them, with the heritage in the details.
- Products and services (things clients buy or use) get plain, descriptive names, endorsed by FUROC. For example, “FUROC Case Manager”. No Old English.
- Engineering foundations (libraries, frameworks, platforms and internal tools) get one short Old English word from the world of the fyrd, Alfred and Wessex.
- One word that an English speaker can say on first reading, or with one pronunciation hint. Avoid æ, þ and ð, and “sc” for “sh”.
- The meaning must describe the job it does, not just sound old.
- No logo of its own. A foundation uses the FUROC brand.
- Clear it first. Check npm, GitHub and the web. For anything published publicly, also search the UK IPO and EUIPO trademark registers (classes 9 and 42) before the first public release.
- In anything client-facing, introduce it plainly the first time: “Burh, FUROC’s component library”. After that, just “Burh”.
- Title case in prose (Burh). Lowercase in code, packages and repos (
burh). - Never all capitals: capitals are kept for FUROC.
- Main package:
@furoc/<name> - Related packages:
@furoc/<name>-<part>, such as@furoc/burh-icons - Repository:
FUROC-Limited/<name> - Public packages go to npm under the
@furocorganisation.
Name register
burr · /bɜː/
noun
FUROC’s React component library.
From Old English burh, a fortified town. Alfred built a network of burhs so that no one in Wessex was far from one. Burh is the shared foundation every FUROC system is built on.
Package @furoc/burh · Repo FUROC-Limited/burh
Trademark search: to do before first public release
Colour palette
Royal purple at the core, with verdigris (weathered bronze) as the accent on light backgrounds and crown gold as the accent on dark ones. Every colour has a light-mode and a dark-mode use, so the palette can drive Burh in both.
Ten steps from Mist to Deep Purple. Every step is a straight mix of the two, so the greys always lean towards the brand purple.
Hover adds no colour
Links show hover with a thicker underline. Buttons show hover with a filigree underline under the label, in the button's own text colour. Never show hover with a change of colour, and don't add hover colours to the palette.
Accessible pairings
| Pairing | Contrast | Use for |
|---|---|---|
| Deep on Mist Deep on White | 14.91 / 16.73 : 1 ✓ | All body text |
| Royal on Mist | 9.89 : 1 ✓ | Headings, logo, links in headings |
| Heather 600 on Mist on White | 5.01 / 5.62 : 1 ✓ | Muted text: hints, captions, secondary text |
| Patina on Mist on White | 5.63 / 6.32 : 1 ✓ | Small text, links, labels, icons |
| Royal on Mist on White | 9.89 / 11.09 : 1 ✓ | Visited links. Purple against the green of Patina, so the two differ in hue, not only in lightness |
| White on Royal | 11.09 : 1 ✓ | Text on purple, primary button labels |
| White on Garnet | 5.95 : 1 ✓ | Danger button labels |
| Gold on Deep | 7.25 : 1 ✓ | Reversed logo, headings and highlights on dark |
| Gold on Royal | 4.81 : 1 ✓ | Reversed logo, short labels on purple |
| Leaf on Mist Garnet on Mist | 4.90 / 5.30 : 1 ✓ | Status text, always paired with ✓ / ✕ so colour is never the only signal. On White: 5.50 / 5.95 |
| ⚠ Bronze on Mist ℹ Woad on Mist | 5.22 / 6.56 : 1 ✓ | Warning and info text, always with an icon. On White: 5.86 / 7.36 |
| ⚠ Deep on Gold ℹ Deep on Bluebell | 7.25 / 7.25 : 1 ✓ | Warning and info message fills |
| Heather 500 border on White | 3.18 / 3.57 : 1 ✓ | Input borders. 3:1 is the minimum for controls, not text |
| Gold on Mist Verdigris on Mist | 2.06 / 1.83 : 1 ✕ | Never for text. Decorative use only: rules, borders, the separator |
| Amethyst Carnelian Fern Bluebell | 2.28 / 2.23 / 2.13 / 2.06 : 1 ✕ | Dark-mode colours. Never text on light. Bluebell is used on light only as a fill under Deep text |
| Heather 200 on Mist | 1.35 : 1 ✕ | Decorative dividers only, never input borders |
Every ratio is calculated with the WCAG 2.x formula by scripts/contrast.py, never judged by eye. Text pairings reach 4.5:1 without relying on the large-text allowance.
Dark mode
Deep Purple is the page, and Heather 800 is the raised surface for dialogs and menus, because shadows barely show on dark. Royal, Patina, Garnet and Leaf are too dark to use on Deep, so dark mode swaps in lighter colours from the same family.
Submit response?
You can change your answers until the deadline. Read the rules.
Last saved 2 minutes ago
Accessible pairings in dark mode
| Pairing | Contrast | Use for |
|---|---|---|
| Mist on Deep on Heather 800 | 14.91 / 10.71 : 1 ✓ | All body text |
| Heather 400 on Deep on Heather 800 | 6.94 / 4.98 : 1 ✓ | Muted text: hints, captions, secondary text |
| Verdigris on Deep on Heather 800 | 8.13 / 5.84 : 1 ✓ | Links, labels, table headings |
| Amethyst on Deep on Heather 800 | 6.54 / 4.70 : 1 ✓ | Visited links. Purple against the green of Verdigris, so the two differ in hue, not only in lightness |
| ⚠ Gold on Deep on Heather 800 | 7.25 / 5.21 : 1 ✓ | Warning text, always with an icon; headings and highlights; reversed logo |
| ℹ Bluebell on Deep on Heather 800 | 7.25 / 5.21 : 1 ✓ | Info text, always with an icon |
| ✓ Fern on Deep ✕ Carnelian on Deep | 7.00 / 6.69 : 1 ✓ | Status text, always paired with ✓ / ✕. On Heather 800: 5.03 / 4.80 |
| Deep on Amethyst | 6.54 : 1 ✓ | Primary button labels |
| Deep on Carnelian | 6.69 : 1 ✓ | Danger button labels |
| ⚠ Deep on Gold ℹ Deep on Bluebell | 7.25 / 7.25 : 1 ✓ | Warning and info message fills, the same as in light mode |
| Amethyst Carnelian | 6.54 / 6.69 : 1 ✓ | Primary and danger buttons against Deep. Against Heather 800: 4.70 / 4.80 |
| Heather 500 border on Heather 800 | 4.68 / 3.36 : 1 ✓ | Input borders. 3:1 is the minimum for controls, not text |
| Royal Patina Garnet Leaf | 1.51 / 2.65 / 2.81 / 3.04 : 1 ✕ | Light-mode colours. Never text or controls on dark: use Amethyst, Verdigris, Carnelian and Fern |
| Bronze Woad | 2.85 / 2.27 : 1 ✕ | Light-mode warning and info text. Never on dark: use Gold and Bluebell |
| Heather 700 on Deep | 2.14 : 1 ✕ | Decorative dividers only, never input borders |
Colour by purpose
Burh maps the palette onto these purposes. Use the purpose tokens in components, not the colour names, so they switch with the mode. The focus ring is not set here yet: it is being decided in Burh.
| Purpose | Light | Dark | CSS variables |
|---|---|---|---|
| Body text | Deep #2B162D | Mist #F3F1F5 | --furoc-light-text--furoc-dark-text |
| Muted text | Heather 600 #716373 | Heather 400 #ADA4AF | --furoc-light-text-muted--furoc-dark-text-muted |
| Error text | Garnet #B23A2A | Carnelian #EF8775 | --furoc-light-text-error--furoc-dark-text-error |
| Success text | Leaf #457520 | Fern #82B570 | --furoc-light-text-success--furoc-dark-text-success |
| Warning text | Bronze #845E04 | Crown Gold #D1A515 | --furoc-light-text-warning--furoc-dark-text-warning |
| Info text | Woad #495289 | Bluebell #9DA8DF | --furoc-light-text-info--furoc-dark-text-info |
| Link | Patina #2B6A5D | Verdigris #7CC2B0 | --furoc-light-link--furoc-dark-link |
| Visited link | Royal #5A285C | Amethyst #BE92D0 | --furoc-light-link-visited--furoc-dark-link-visited |
| Page surface | Mist #F3F1F5 | Deep #2B162D | --furoc-light-surface-page--furoc-dark-surface-page |
| Raised surface | White #FFFFFF | Heather 800 #433045 | --furoc-light-surface-raised--furoc-dark-surface-raised |
| Divider (decorative) | Heather 200 #D5D0D7 | Heather 700 #5D4D5F | --furoc-light-border-divider--furoc-dark-border-divider |
| Input border | Heather 500 #8F8491 | Heather 500 #8F8491 | --furoc-light-border-input--furoc-dark-border-input |
| Primary action fill | Royal #5A285C | Amethyst #BE92D0 | --furoc-light-action-primary--furoc-dark-action-primary |
| Text on primary action | White #FFFFFF | Deep #2B162D | --furoc-light-action-primary-text--furoc-dark-action-primary-text |
| Danger action fill | Garnet #B23A2A | Carnelian #EF8775 | --furoc-light-action-danger--furoc-dark-action-danger |
| Text on danger action | White #FFFFFF | Deep #2B162D | --furoc-light-action-danger-text--furoc-dark-action-danger-text |
| Warning fill | Crown Gold #D1A515 | Crown Gold #D1A515 | --furoc-light-fill-warning--furoc-dark-fill-warning |
| Text on warning fill | Deep #2B162D | Deep #2B162D | --furoc-light-fill-warning-text--furoc-dark-fill-warning-text |
| Info fill | Bluebell #9DA8DF | Bluebell #9DA8DF | --furoc-light-fill-info--furoc-dark-fill-info |
| Text on info fill | Deep #2B162D | Deep #2B162D | --furoc-light-fill-info-text--furoc-dark-fill-info-text |
Typography
One type family in two voices: an engineered serif for headings and a clean sans for everything else. Both are free and open source (SIL Open Font Licence).
IBM Plex Serif SemiBold
Titles, headings and pull quotes. Fallback: Georgia.
IBM Plex Sans Regular and SemiBold
Body copy, tables, captions and interfaces. Fallback: Arial.
Scale
Download both families free from Google Fonts: IBM Plex Serif and IBM Plex Sans. Install them before building Word or PowerPoint templates, and embed fonts when exporting to PDF.
The logo
Three round shields drawn up behind a ridge line that runs beneath the name, overlapping like Alfred's shield wall at Edington. Shoulder to shoulder, each relying on the next.
Mark and icon
Use the mark alone only where the name appears nearby. The icon is a single shield on the ridge, for favicons, apps and social avatars · Icon SVG · favicon.ico
- Keep clear space of x on every side, where x is the height of the letters in FUROC.
- Full logo: at least 150px wide on screen, 37mm in print.
- Mark: at least 24px tall. Icon: at least 16px.
Don't
- Stretch, squash, rotate or redraw the logo, or reset the name in another font.
- Recolour it outside the three approved versions, or use gold on light backgrounds. Never use Verdigris or Patina in the logo.
- Separate the shields from the ridge line, or change the number of shields. The icon's single shield is the only exception.
- Add shadows, outlines, gradients or other effects.
- Place it on busy imagery without using the white version on a darkened area.
The separator
A fine band of slanted gold strands, after the twisted filigree wire of late Saxon goldsmiths. It marks the break between major sections, as it does on this page.
Shown at 4× size.
- Crown Gold, 4px tall, full width. Flat colour, no gradients.
- Transparent background. Only the strands are drawn, so the section colour shows between them.
- Anchored to the bottom of the section above the break, not the top of the one below.
- Use it between major sections, under headers and above footers. Don't use it between paragraphs or inside cards.
- For one-colour print, use the Deep Purple version.
On the web
<link rel="stylesheet" href="tokens/tokens.css">
<!-- Add the class to the section ABOVE the break -->
<header class="furoc-separator">…</header>
<section>…</section>For documents and slides, place assets/separator-gold.svg (or the Deep Purple version) along the bottom edge of the section, at 4px tall (about 1mm in print).
Tender documents
Tender responses should be calm, consistent and easy for evaluators to navigate. Brand the cover and section openers; keep the inside pages simple.
Secure Network Refresh Programme
FUROC delivers software and hardware for the public sector, working with government teams from bid to delivery and beyond.
| Requirement | Status |
|---|---|
| Cyber Essentials Plus | ✓ Met |
| UK data residency | ✓ Met |
| Social value plan | ✕ Missing |
- Mist or white page, Deep Purple body text, Royal Purple headings.
- Patina for labels, table headings and links; Verdigris for table rules.
- Always pair status colours with ✓ or ✕.
- Number sections clearly so evaluators can find answers against the question set.