Page fold Bottom of the first screen
DESIGN COLLABORATION / FOR NEKY

Design handoff

Design instructions

Serversaurus will implement each agreed design on this reference page for review before the next phase.
  1. Phase 1

    Design the Header and Footer

    Design the home page Hero

    • Provide split hero and background hero designs
    • Provide a design for each required hero background theme variation
    • Provide designs for slider controls even if not initially desired.
  2. Phase 2

    Design the remaining home page modules

We will move onto internal pages later, after the home page has been reviewed.
01HeaderExpand header
Logo placeholder
Navigation
Contact CTA
Logo placeholder

Submenu eyebrow

Navigation
Design specimen: sample links stay here; no enquiries or subscriptions are submitted.
02ContentExpand content
02.01HeroSubsection
Module 01 / Page introduction / hero

Eyebrow — Section label

H1 — Page heading Emphasised text

Paragraph — Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Button link
Hero image placeholder

Image caption — Supporting text

02.02Page content - Phase 2Show 13 modules
Module 02 / Introduction / statement

Eyebrow — Section label

H2 — Introduction heading

Paragraph — Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Text link — Action label
Module 03 / Linked solution areas

Eyebrow — Section label

H2 — Section heading

H3 — Item heading

Paragraph — Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Text link — Action label
Image placeholder

H3 — Item heading

Paragraph — Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Text link — Action label
Image placeholder

H3 — Item heading

Paragraph — Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Text link — Action label
Image placeholder
Module 04 / Selected projects, news or films

Eyebrow — Section label

H2 — Section heading

Text link — Action label

Paragraph — Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Module 05 / Heading

Eyebrow — Section label

H2 — Section heading

Module 06 / Illustrated features

H3 — Item heading

Paragraph — Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

H3 — Item heading

Paragraph — Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

H3 — Item heading

Paragraph — Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

H3 — Item heading

Paragraph — Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Module 07 / Selected projects, news or films

Eyebrow — Section label

H2 — Section heading

Text link — Action label

Paragraph — Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Module 08 / Selected projects, news or films

Eyebrow — Section label

H2 — Section heading

Text link — Action label

Paragraph — Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Module 09 / Contact / call to action

Eyebrow — Section label

H2 — Section heading

Paragraph — Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Text link — Action label
Module 10 / Linked cards / logos / resources

H2 — Section heading

Logo placeholder
Logo placeholder
Logo placeholder
Logo placeholder
Logo placeholder
Logo placeholder
Logo placeholder
Logo placeholder
Logo placeholder
Logo placeholder
Logo placeholder
Logo placeholder
Logo placeholder
Logo placeholder
Logo placeholder
Logo placeholder
Logo placeholder
Logo placeholder
Logo placeholder
Module 11 / Linked cards / logos / resources

H2 — Section heading

Logo placeholder
Logo placeholder
Logo placeholder
Logo placeholder
Logo placeholder
Logo placeholder
Logo placeholder
Logo placeholder
Logo placeholder
Logo placeholder
Logo placeholder
Logo placeholder
Logo placeholder
Logo placeholder
Logo placeholder
Logo placeholder
Logo placeholder
Logo placeholder
Logo placeholder
Logo placeholder
Logo placeholder
Module 12 / Campaign image / responsive alternative
Campaign image placeholder
Module 13 / Campaign image / responsive alternative

H2 — Section heading

Campaign image placeholder
Module 14 / Shared site content