Dioad Consulting Limited

Dioad Consulting Limited is a UK-based IT infrastructure consulting company offering infrastructure operations, delivery, and support services. The primary brand colour is amber (#ffac00). Dark backgrounds use charcoal (#232323). The primary typeface is Poppins (Google Fonts). The logo mark is a stylised circle containing a letter 'D' shape, rendered in amber on a white or transparent background, or white on a dark background.

Colours

Core Palette

#232323

charcoal—background-dark, body-text-on-light, dark-UI-surfaces

#cccccc

light-grey—muted-text, secondary-text-on-dark, borders

#ffac00

amber—primary-accent, CTA, logo-mark-fill, footer-text, highlight

#ffffff

white—background-light, text-on-dark, logo-on-dark

Amber Gradient Steps

Intermediate values for transitions or gradient fills. Not assigned individual CSS utility classes.

#ff9100

#ff9200

#ffa100

#ffa900

Font

Primary

font-family:
                    Poppins

Normal, Bold, Italic

Used for headings, wordmarks, display text, and body copy on Dioad properties.

Secondary

font-family:
                    sans-serif

Normal, Bold, Italic

System sans-serif stack; used as a fallback or for UI supporting text.

Typography Scale

Size	CSS Class	Role	Sample (Poppins)
25px	`fs-25`	body / small display	Aa
50px	`fs-50`	subheading / medium display	Aa
100px	`fs-100`	hero / large display	Aa

Weights & Styles

CSS Class	Role	Sample
`(default)`	normal / body	The quick brown fox
`fw-bold`	bold / emphasis	The quick brown fox
`fs-italic`	italic / de-emphasis	The quick brown fox

Images

All logo files are available in SVG (vector), PNG (raster), and ICO (favicon) formats under the images/ directory. Use SVG where possible for resolution independence. Naming convention: Dioad_Logo-{Variant}-{Shape}.{ext}

Dioad Logo Square Icon

Mono
Single-colour icon mark on light backgrounds; print, emboss, or greyscale contexts.

Primary
Default icon mark (amber circle, white D) on white or light backgrounds.

White
White icon mark; use on dark (charcoal) or dark-image backgrounds.

Transparent
Icon mark with transparent background; overlay on imagery or coloured surfaces.

Dioad Consulting Logo Square

Mono
Full square logo (mark + wordmark) in single colour; greyscale or print use.

Primary
Full square logo in primary colours on white/light backgrounds. General default.

Secondary
Square logo with secondary colour treatment; consult brand guidelines for contexts.

Tertiary
Square logo with tertiary colour treatment; consult brand guidelines for contexts.

Dioad Consulting Logo

Primary
Horizontal logo (mark + 'Dioad Consulting' wordmark) on white/light backgrounds. Primary usage for headers and documents.

White
White horizontal logo; use on dark (charcoal) or dark-image backgrounds.

Mono
Horizontal logo in single colour; greyscale, emboss, or print contexts.

Service Logos

Logo (1200×300)