════════════════════════════════════════════════════════ Silverbush Website Build Services · Phase 7 of 10 D8 — Wireframe Structure [UPDATED] Phase 7 — Design Concept © Silverbush AG — confidential · do not distribute, process, or use in any other way ════════════════════════════════════════════════════════ # D8 — Wireframe Structure [UPDATED] Companion to the approved Phase 4 D8 (unchanged). Each wireframe block now names the D12 tokens and components it uses. Content, order and actions are exactly as approved in Phase 4. ## Homepage [UPDATED] | Block | Applied tokens / components | |---|---| | Header | bg-background/95 backdrop-blur · h-[--header-height] · border-b · BrandLogo full/compact · Button cta (single) | | Customer entry | bg-gradient-hero text-white(night foreground) · Display/H1 Sora · Body 18 · Button cta · py-16 md:py-24 | | Equal-priority offer paths | Card grid 1/2/3 cols · gap-6 · topic chip uses --topic / --topic-strong · Lucide 24 | | Contextual audience paths | Card grid 1/2/3 cols · gap-6 · topic chip uses --topic / --topic-strong · Lucide 24 | | How collaboration begins | Section py-12 md:py-16 · container max-w-6xl px-4 sm:px-6 · H2 Sora · Body Hanken | | Trust position | bg-muted · placeholder slots marked [PENDING] · no logos until approved | | Closing and footer | bg-night text-night-foreground · BrandLogo reverse · Small 14 · legal links [PENDING — legal details] | ## About [UPDATED] | Block | Applied tokens / components | |---|---| | Header and orientation | bg-background/95 backdrop-blur · h-[--header-height] · border-b · BrandLogo full/compact · Button cta (single) | | Purpose and approach | Section py-12 md:py-16 · container max-w-6xl px-4 sm:px-6 · H2 Sora · Body Hanken | | Capabilities and engagement | Section py-12 md:py-16 · container max-w-6xl px-4 sm:px-6 · H2 Sora · Body Hanken | | Trust position | bg-muted · placeholder slots marked [PENDING] · no logos until approved | | Contact and footer | bg-gradient-cta-band · Input/Label components · Button cta · 15-min booking fields | ## Services / service detail [UPDATED] | Block | Applied tokens / components | |---|---| | Header and context | bg-background/95 backdrop-blur · h-[--header-height] · border-b · BrandLogo full/compact · Button cta (single) | | Need and scope | Section py-12 md:py-16 · container max-w-6xl px-4 sm:px-6 · H2 Sora · Body Hanken | | Delivery sequence | Section py-12 md:py-16 · container max-w-6xl px-4 sm:px-6 · H2 Sora · Body Hanken | | Trust position | bg-muted · placeholder slots marked [PENDING] · no logos until approved | | Related offers and questions | Card grid 1/2/3 cols · gap-6 · topic chip uses --topic / --topic-strong · Lucide 24 | | Next step and footer | bg-night text-night-foreground · BrandLogo reverse · Small 14 · legal links [PENDING — legal details] | ## Product / category and catalogue [UPDATED] | Block | Applied tokens / components | |---|---| | Header and orientation | bg-background/95 backdrop-blur · h-[--header-height] · border-b · BrandLogo full/compact · Button cta (single) | | Needs and selection | Section py-12 md:py-16 · container max-w-6xl px-4 sm:px-6 · H2 Sora · Body Hanken | | Offer list | Card grid 1/2/3 cols · gap-6 · topic chip uses --topic / --topic-strong · Lucide 24 | | Trust position | bg-muted · placeholder slots marked [PENDING] · no logos until approved | | Selection support and footer | bg-night text-night-foreground · BrandLogo reverse · Small 14 · legal links [PENDING — legal details] | ## Product detail [UPDATED] | Block | Applied tokens / components | |---|---| | Header and identification | bg-background/95 backdrop-blur · h-[--header-height] · border-b · BrandLogo full/compact · Button cta (single) | | Use and specification | Section py-12 md:py-16 · container max-w-6xl px-4 sm:px-6 · H2 Sora · Body Hanken | | Licence and renewal path | Card grid 1/2/3 cols · gap-6 · topic chip uses --topic / --topic-strong · Lucide 24 | | Trust position | bg-muted · placeholder slots marked [PENDING] · no logos until approved | | Related expertise and footer | bg-night text-night-foreground · BrandLogo reverse · Small 14 · legal links [PENDING — legal details] | ## Project / reference [UPDATED] | Block | Applied tokens / components | |---|---| | Publication gate | Section py-12 md:py-16 · container max-w-6xl px-4 sm:px-6 · H2 Sora · Body Hanken | | Approved identity and context | Section py-12 md:py-16 · container max-w-6xl px-4 sm:px-6 · H2 Sora · Body Hanken | | Approach and result | Section py-12 md:py-16 · container max-w-6xl px-4 sm:px-6 · H2 Sora · Body Hanken | | Trust position | bg-muted · placeholder slots marked [PENDING] · no logos until approved | | Next step | Section py-12 md:py-16 · container max-w-6xl px-4 sm:px-6 · H2 Sora · Body Hanken | ## Contact / consultation [UPDATED] | Block | Applied tokens / components | |---|---| | Header and purpose | bg-background/95 backdrop-blur · h-[--header-height] · border-b · BrandLogo full/compact · Button cta (single) | | Contact choice | bg-gradient-cta-band · Input/Label components · Button cta · 15-min booking fields | | Availability | Section py-12 md:py-16 · container max-w-6xl px-4 sm:px-6 · H2 Sora · Body Hanken | | Details and privacy | Section py-12 md:py-16 · container max-w-6xl px-4 sm:px-6 · H2 Sora · Body Hanken | | Trust position | bg-muted · placeholder slots marked [PENDING] · no logos until approved | | Outcome states and footer | bg-night text-night-foreground · BrandLogo reverse · Small 14 · legal links [PENDING — legal details] | ## Training / course agenda [UPDATED] | Block | Applied tokens / components | |---|---| | Header and audience | bg-background/95 backdrop-blur · h-[--header-height] · border-b · BrandLogo full/compact · Button cta (single) | | Learning scope | Section py-12 md:py-16 · container max-w-6xl px-4 sm:px-6 · H2 Sora · Body Hanken | | Delivery and preparation | Section py-12 md:py-16 · container max-w-6xl px-4 sm:px-6 · H2 Sora · Body Hanken | | Trust position | bg-muted · placeholder slots marked [PENDING] · no logos until approved | | Follow-on and enquiry | bg-gradient-cta-band · Input/Label components · Button cta · 15-min booking fields | ## Audience / independent topic entry [UPDATED] | Block | Applied tokens / components | |---|---| | Header and audience | bg-background/95 backdrop-blur · h-[--header-height] · border-b · BrandLogo full/compact · Button cta (single) | | Need and scope | Section py-12 md:py-16 · container max-w-6xl px-4 sm:px-6 · H2 Sora · Body Hanken | | Trust position | bg-muted · placeholder slots marked [PENDING] · no logos until approved | | Independent destination | Section py-12 md:py-16 · container max-w-6xl px-4 sm:px-6 · H2 Sora · Body Hanken | | Contact and footer | bg-gradient-cta-band · Input/Label components · Button cta · 15-min booking fields | ## Insights / resource / historical event [UPDATED] | Block | Applied tokens / components | |---|---| | Orientation | Section py-12 md:py-16 · container max-w-6xl px-4 sm:px-6 · H2 Sora · Body Hanken | | Body and source context | Section py-12 md:py-16 · container max-w-6xl px-4 sm:px-6 · H2 Sora · Body Hanken | | Trust position | bg-muted · placeholder slots marked [PENDING] · no logos until approved | | Related current context | Section py-12 md:py-16 · container max-w-6xl px-4 sm:px-6 · H2 Sora · Body Hanken | ## Retained French / public archive [UPDATED] | Block | Applied tokens / components | |---|---| | Orientation | Section py-12 md:py-16 · container max-w-6xl px-4 sm:px-6 · H2 Sora · Body Hanken | | Content and status | Section py-12 md:py-16 · container max-w-6xl px-4 sm:px-6 · H2 Sora · Body Hanken | | Trust position | bg-muted · placeholder slots marked [PENDING] · no logos until approved | | Navigation and footer | bg-background/95 backdrop-blur · h-[--header-height] · border-b · BrandLogo full/compact · Button cta (single) | ## Support / legal / conditional utility [UPDATED] | Block | Applied tokens / components | |---|---| | Orientation | Section py-12 md:py-16 · container max-w-6xl px-4 sm:px-6 · H2 Sora · Body Hanken | | Substantive content | Section py-12 md:py-16 · container max-w-6xl px-4 sm:px-6 · H2 Sora · Body Hanken | | Trust position | bg-muted · placeholder slots marked [PENDING] · no logos until approved | | Next step and footer | bg-night text-night-foreground · BrandLogo reverse · Small 14 · legal links [PENDING — legal details] | --- ──────────────────────────────────────────────────────── Silverbush AG © www services EVOCEAN GmbH 03.Nov.2026 Page 1 of 1 ────────────────────────────────────────────────────────