Logo Specifications – Thanet Electrical

Authoritative reference for the THANET ELECTRICAL LIMITED logo. All specs are incorporated below.

Design principles

THANET – letter-spacing 0.22em so it extends the width of ELECTRICAL
LIMITED lines – taper from thin (transparent) at outer end to full yellow near text (linear-gradient 60%)
Colors – THANET/LIMITED: #F9FAFB; ELECTRICAL: #FDC700; lines: #FDC700
Logo box – black (#030712), embossed shadow

Header logo – spec summary

Element	Font size	Letter-spacing	Color
THANET	0.9375rem (15px)	0.22em	#F9FAFB
ELECTRICAL	0.9375rem	0.05em (base)	#FDC700
LIMITED	0.5rem (8px)	0.05em	#F9FAFB
Lines (::before/::after)	—	—	Gradient to #FDC700
Line dimensions: 12×1.5px (768px: 10×1.5px; 640px: 8×1px). Padding: 14px (768: 12px; 640: 10px)

Live preview – Header (yellow bar)

THANET ELECTRICAL LIMITED

Live preview – Hero (dark background)

THANET ELECTRICAL LIMITED

HTML markup – Header

<a href="./" class="logo-container" aria-label="Thanet Electrical Home">
  <span class="logo-text logo-text-thanat">THANET</span>
  <span class="logo-text logo-text-electrical">ELECTRICAL</span>
  <span class="logo-text logo-text-limited">LIMITED</span>
</a>

HTML markup – Hero

<div class="hero-logo-container">
  <span class="hero-logo-text hero-logo-text-thanat">THANET</span>
  <span class="hero-logo-text hero-logo-text-electrical">ELECTRICAL</span>
  <span class="hero-logo-text hero-logo-text-limited">LIMITED</span>
</div>

CSS – Copy to style.css if restoring

The styles in the <style> block above are the full logo specification. They mirror style.css sections for .logo-text*, .logo-container, .hero-logo-*, and header variants.