════════════════════════════════════════════════════════ Silverbush Website Build Services · Phase 1 of 10 D4 — Design Guidelines — Part B Phase 1 — Full Website Analysis © Silverbush AG — confidential · do not distribute, process, or use in any other way ════════════════════════════════════════════════════════ # Part B — Design guidelines extracted ## B1 Brand mark | File | Format | Variant | Note | |---|---|---|---| | https://evocean.com/wp-content/themes/evocean/assets/img/logo-evocean.svg | SVG | Full colour on white | 207×27; colours #5A267D, #603422, #CECFCF | | Favicon EVO_Favicon_Round | PNG 32/180/192 | Round icon | 2025 upload | | Dark / mono / icon-only logo | — | Missing | Needed for footer & social | ## B2 Colour palette (WCAG 2.x, calculated) | Hex | Role | Use | Contrast on white | AA body (4.5:1) | AA large (3:1) | |---|---|---|---|---|---| | #4178BE | primary | Headings H2, links, filled sections (33 text + 10 bg uses on home) | 4.51:1 | ✓ | ✓ | | #5A267D | logo | Logo word mark (purple) | 10.46:1 | ✓ | ✓ | | #603422 | logo | Logo pixel mark (brown) | 10.44:1 | ✓ | ✓ | | #6579CF | accent | Link colour 'Learn more' (9 uses) | 4.05:1 | ✗ | ✓ | | #6BB1C9 | accent | Tile background (teal) | 2.4:1 | ✗ | ✗ | | #CECFCF | neutral | Logo tagline 'guiding you beyond' (grey) | 1.56:1 | ✗ | ✗ | | #000000 | text | Body text (350 uses) | 21.0:1 | ✓ | ✓ | | #FFFFFF | background | Page background | 1.0:1 | ✗ | ✗ | ## B3 Product colours Not applicable — no product/finish colours on the website. [C] ## B4 Typography [V] | Role | Family | Size | Weight / case | |---|---|---|---| | All text | Roboto (Google Fonts, external) | — | 400 | | H1 (inner pages) | Roboto | verify | 400 | | H2 | Roboto | 32 px | 400, sentence case, #4178BE | | H3 | Roboto | 16 px | 400 | | Body / hero | Roboto | 12 px base; hero ~30 px | 400 | ## B5 Layout [T] Desktop-first CSS with max-width media queries; 25 distinct breakpoints incl. 413, 600, 767/768, 820, 950, 1023/1024/1025, 1100, 1112, 1200, 1365, 1400, 2000 px. Content column ~1100 px. No consistent spacing scale (verify). ## B6 Components [V] | Component | Today | |---|---| | Buttons | Text links 'Learn more' / 'View all'; no button style on home | | Cards | Coloured tiles (teal/indigo/blue) for services | | Mega menu | 4 dropdowns with 'View all' | | Forms | Contact, newsletter, event, download — maths captcha | | Consent banner | None | | Language switcher | En / De / Fr dropdown | | Tabs / accordion | Location tabs on /about | | Video | 1 YouTube playlist embed (Rhapsody) | ## B7 Icons Font/SVG icons for menu arrows and search only; no service icon system. Recommendation: introduce one line-icon set. [V] ## B8 Imagery Strengths: authentic tool screenshots (ReqEdit, ELM, monday). Weaknesses: event photos 2018–2019, steam-engine metaphor, 3 broken customer images, no people or office photos on home. [V][C] ## B9 Favicons and app icons [T] | Format | File found | URL | Dimensions | Browser tab | Google Search | Quality | |---|---|---|---|---|---|---| | favicon.ico | 302 → cropped-EVO_Favicon_Round-32x32.png | /favicon.ico | 32×32 PNG (not ICO) | ✓ | verify | OK | | favicon.png (theme) | ✓ in , root /favicon.png 404 | /wp-content/themes/evocean/favicon.png | 261 bytes | — | — | Low — legacy, remove | | icon 32×32 | ✓ | cropped-EVO_Favicon_Round-32x32.png | 32×32 | ✓ | verify | Good | | icon 192×192 | ✓ | cropped-EVO_Favicon_Round-192x192.png | 192×192 | — | — | Good | | apple-touch-icon | ✓ | cropped-EVO_Favicon_Round-180x180.png | 180×180 | — | — | Good | | SVG favicon | ✗ | — | — | — | — | Missing | | site.webmanifest / manifest.json | ✗ 404 | — | — | — | — | Missing | *Google Search display could not be verified from the sandbox (verify).* ## B10 Design debt register | # | Area | Observation | Risk | Priority | |---|---|---|---|---| | 1 | Brand | Logo purple/brown vs UI blue | Weak recognition | H | | 2 | Contrast | #6BB1C9 2.4:1, #CECFCF 1.56:1 | AA failure | H | | 3 | Hero | Text-only hero with hashtags and '.' separators | Low engagement | H | | 4 | Buttons | No button component | Weak CTAs | M | | 5 | Breakpoints | 25 ad-hoc breakpoints | Inconsistent layout | M | | 6 | Fonts | External Google Fonts | GDPR + perf | M | | 7 | Imagery | Dated / broken images | Trust | M | | 8 | Icons | No icon system | Scanability | L | ## B11 Starting tokens for Phase 7 (Recommendation) | Token | Value | Reason | |---|---|---| | --color-primary | #4178BE | Existing UI blue, 4.51:1 passes AA | | --color-primary-strong | #2F5E9E | Hover/heading, 6.53:1 | | --color-brand-purple | #5A267D | From logo, 10.46:1 | | --color-brand-brown | #603422 | From logo, 10.44:1 | | --color-accent-teal | #2E7F99 | Darkened #6BB1C9 to pass AA (4.55:1) | | --color-muted-text | #5F6368 | Replaces #CECFCF (6.05:1) | | --font-sans | Roboto (self-hosted) or similar | Keep familiarity, fix GDPR | | --breakpoints | 640 / 768 / 1024 / 1280 | Replace ad-hoc set | | --radius | 8 px | Modern, neutral | --- *Silverbush AG © www services · EVOCEAN GmbH · 31.Oct.2026 · Page 1 of 1*