Colour, typography, voice, and article conventions for the blog - a practical field notebook by a Microsoft MVP for Business Central.
Wingate365 is the personal blog of Andy Wingate. The tone is a practical field notebook: real problems, real fixes, written by a practitioner who has sat on both the customer and partner side of a Dynamics implementation.
First person, hands-on. "Here is what I did and why." No sales language.
Short sentences, plain UK English. Explain the fix, then the context.
The BC Azure signature is the visual signal - it roots the blog in the Business Central world at a glance, without cloning the product UI.
Confident because the experience is real, but always sharing, never gatekeeping.
Business Central, Dynamics 365, Microsoft cloud - and the odd homelab or brewing detour.
Wingate365 takes its cue from the Venture blues but stands on its own. The same cool, considered starting point, then two deliberate moves give it a distinct identity: a deeper, more focused foundation, and a vivid Business Central azure signature that Venture never uses.
Dark Blue #12212E and Mid Blue #336687. The cool, professional starting point Wingate365 grew from.
Deep Ink #0F1E2A and Steel Blue #3D6B8F for structure, with a vivid Business Central azure #0B71C7 signature brightening to cyan #37BEF3. Cool, confident, and unmistakably in the BC family.
The non-blue rule: Venture is all blue - Wingate365 is not. Every page must carry at least a small spark of a non-blue accent, and that spark is Forest green #2E7D5A (brightened to #3FA876 on dark). It rides the header underline strip on every page, badges the "Latest post" pill, and marks tips and success states. Never let a page go fully blue.
Selected: Option A, BC Azure. The signature is the Business Central azure #0B71C7, brightening to cyan #37BEF3, over the Deep Ink and Steel Blue foundation. The three options considered are kept below for the record - A is the chosen direction and the rest of this bible now uses it.
The signature is the exact Business Central azure #0B71C7, brightening to BC cyan for highlights. Anyone in the ecosystem reads it instantly as "Business Central" without being a clone of the product UI. Steel Blue stays for structure, so the azure only appears where it counts. The gradient runs Deep Ink into azure into cyan - the cool half of the Copilot flow.
#0B71C7#095CA3#37BEF3#94EFFFA link in running text reads clean.
Business Central · 4 min read
The hero leans into the full Copilot ribbon - teal, blue, violet, pink - used only on hero bands and never behind text. The working signature is a single bright azure #3B6FE0 pulled from the middle of that flow, so day-to-day UI stays disciplined while the brand feels distinctly AI-era. Fits a blog that writes about Copilot in Business Central.
#3B6FE0#2CC5D2#7A5AE0#E255A1A link in running text with a violet lift.
Copilot · 6 min read
Takes the cyan facet of the Business Central logo and deepens it to a usable #1596BE - cyan-forward and clearly separated from every default corporate navy, including Venture. It still lives in the BC family but owns a fresher, more technical feel. The gradient is Deep Ink to teal to cyan, the coolest read of the Copilot flow.
#1596BE#0E7A9C#37BEF3#94EFFFA link in running text stays legible.
Business Central · 4 min read
Decision: BC Azure (Option A) is locked in as the signature and now drives the palette, gradients, hero placeholders, and components throughout this bible. The copper is retired. Next up: the secondary colours below.
A cool, authoritative foundation, the BC Azure signature, and a secondary set that blends Business Central logo tones with harmonised Precision colours for callouts, tags, and data.
--inkDarkest anchor. Headings, dark backgrounds, gradient start.--steelPrimary brand blue. Links, active nav, labels.--skyBright readable blue. Dark-mode links, hover on dark.--mist-blueSubtle fills, quiet badges, text on dark panels.--azureSignature. CTAs, "read more", primary buttons, key emphasis.--azure-deepHover and pressed state for azure elements.--cyanBright accent. Link underlines, highlights, gradient end.--iceLight fills, quiet badges, tints on dark panels.BC-family blues extend the signature; the Precision-derived accents carry meaning in callouts, tags, and charts. All are tuned to sit happily beside the azure.
--skySoft supporting blue. Dark-mode links, quiet accents.--forestSuccess, tips, what worked, RAG green.--amberCaution, heads-up, at-risk, RAG amber.--slateInfo, notes, side commentary. Bridges to Copilot violet.--burgundyWarnings, breaking changes, RAG red.--sageMuted, quiet callouts, secondary data.Six distinct series that still read as one family - BC Azure and Cyan lead, the Precision accents fill in.
The primary gradient is the hero identity. Never present Wingate365 using the old Venture gradient.
135deg, #0F1E2A → #0B71C7 → #37BEF3135deg, #0B71C7 → #37BEF390deg, #0B71C7 → #37BEF3The go-to hero is the logo (or logos) of the tools the post is about, set on the bold BC gradient. It reads instantly, stays on brand, and reshares cleanly on LinkedIn. Logos are the hero - keep text out of the image; the post title sits above it on the page.
A → B) for a migration or comparison.Authored 1200×630 (also the social/OG size). Brand marks are pulled from Simple Icons (CC0) and embedded, so the file is self-contained. Run from the repo:
Then set hero: "/images/heroes/<slug>.svg" in the post front matter. Find icon slugs at simple-icons.org. A -Theme light option exists for the rare post that wants a clean near-white background instead.
Pass -Palette to pick the gradient. Three-colour palettes anchor on Deep Ink and travel to a bright end; two-colour palettes are simpler and quieter. blue is the default signature.
Three-colour
Two-colour
The automatic fallback when a post has no hero image - a branded card with monogram and wordmark.
Figtree does everything: display, headings, body, and UI. Code uses a system mono stack. Never introduce a second display typeface.
Steel Blue carries links and structural UI; BC Azure is reserved for calls to action and key emphasis. Every surface supports light and dark.
Azure CTA for the primary action, Steel ghost for secondary.
Here is a link in running text - Steel Blue, underlining to BC Cyan on hover.
Business Central · 4 min read
First person, UK English, problem-first. Assume a competent reader who is short on time. Lead with the problem or the answer, then the detail.