Flagship website mockups

Earlier versions

F light

31.10 · White cover, rounded. Inter.

  • F light 16Neutral grey cover · six challenges · Three strengths as framed cards · slim Insights rows
  • F light 17Three strengths with an intro, all open · View all in the list · framed footer
  • F light 18Cards that float on a red panel · Three strengths as a list and one stage · View all by kind
  • F light 19Three strengths that widen on hover · marked proof cards
  • F light 20Three strengths as a rising staircase
  • F light 21Three strengths as a zigzag
  • F light 22Three strengths in the challenges’ grammar
  • F light 23Three strengths in one frame

F light

27.10 · White cover, rounded. Inter.

  • F light 11Colour key on the challenges · tinted capability cards · proofs in the case row
  • F light 12Powered-by bars · numbers on their own band · white logos
  • F light 13Neutral grey cover · capabilities as opening cards · cut-off logos · gold case studies
  • F light 14Tinted capability cards with the numbers · logo tiles · newsletter in Insights
  • F light 15Neutral grey cover · text cards over the clips · big figures · logos on greyscale photos

F light

White cover, rounded. Inter.

  • F light 2Warm grey cover · dark test panel · clips in one band
  • F light 3Cool grey cover · stepping strip · test column · proofs in the case row
  • F light 4Mid grey cover · progress line on top · first question on the page
  • F light 5High-contrast cover · one red line · open test line
  • F light 6Charcoal cover · photo challenges · floating launcher
  • F light 8Silver cover · one rolling grammar through every heading, the challenges as one sentence, figures that roll
  • F light 9Pearl cover · the logo dot travels from heading to heading
  • F light 10Graphite cover · the three capability colours as a code in every section
  • F Light VersionWhite cover

After feedback

October 2026. Inter in the newest versions.

  • FColour video cover, bolder rolling words, challenge cards in two surfaces with big corner arrows, proof bento with rings tied to their figures, Latest as an event list
  • F2Greyscale video cover, Latest one at a time with dots, two-column challenges, clips apart on hairlines, case photos with the name on hover, "Built on hard work", Latest as a calendar
  • F3The cut-off page: greyscale video cover with the lead in a cut-off and the clients as a white logo grid, the same cut-off in the challenges, cases, values and Latest boxes
  • F4White cover with oversized type, next session in the strip, challenges with red icons, clips apart, proof tiles over three small bars, featured Latest with a navigator
  • ERolling third line, Latest tape, one grey line through the page
  • E2E with the proof items beside the value rings
  • E3E with a little more colour: beige band and closing, coloured Latest
  • E4E with the configurator: one sentence to complete
  • E5E with the configurator: the grey line becomes a full-screen path
  • E6E with the configurator: every click rewrites the answer
  • E7E with the configurator: four columns, each answer shows its effect
  • C2White cover, three lines meet in the capabilities
  • B2Moving chart cover on a light page, thin Latest tape
  • D2Calm cover with one photograph, the client carousel
  • DLive cover, capability stage, client carousel, three colours
  • CThree colours, three lines become one
  • BMoving data on the cover, capability triangle
  • ANo cover image, live feed, linked capabilities

Diginex-inspired

Diginex reference. Inter in the newest version.

  • 14.10 BThe hero grid of diginex.com on a darker cover, lines that follow the mouse slowly, three-tone challenge cells, "Powered by" over the clips, rings tied to their percentages
  • 14.10Colour video cover, Latest one at a time with a bar along the top of the page, the sixth cell on the architecture video, clips apart, proofs in the grid with small rings
  • Grayscale videoArchitecture video, grayscale
  • Colour videoVideo in colour
  • Water videoWater video, count-ups
  • Scroll storyCapabilities as a scroll story
  • Forest videoForest video
  • Quote videoForest video under the quote
  • Two videosForest hero, water under the quote
  • Ribbon bandFragmented-to-structured render under capabilities
  • Three imagesThree images under the capabilities
  • Feedback 1.10Cover, challenges, capabilities, cases
  • 9.10Grayscale video cover, feed line, water closing
  • 12.10New copy: video cover and ticker, proof cards with the clients, Latest grid

Default

Good.Lab reference. Inter in the newest version.

  • 14.10The bold one: an extra-wide heavy headline window onto the colour montage, "We need" challenge cards in heavy type, more air between sections, a "Next up" countdown
  • StaticStatic
  • Flow v3Diagram clickable, draws with scroll
  • OrbitRings behind the headline
  • FieldDot field behind the headline
  • Scroll storyFlow v3 plus scroll story, smooth scroll
  • Flow v4One node, the platform
  • Flow v4 besideFunnel beside the headline
  • Academy tilesAcademy-style tiles
  • Materials tilesConcrete, glass and oak photographs
  • Feedback 1.10Cover, challenges, capabilities, cases
  • 9.10Headline window, one travelling full stop
  • 12.10New copy: the headline window, the travelling full stop, a Latest line under the logos

9.10 A

After the brand guidelines of 8 October. Inter.

  • 12.10New copy: a Latest sentence opens the cover, ONE, the conversation
  • 12.10 BThe same, the proof items under the value figures
  • First draftHer sentences marked, the capabilities as the objects of one sentence