Back

Hnutí Generace

Two collaborations, two visual directions: a website, brand manual and print materials for Hnutí Generace.

Screens of the Hnutí Generace websites stacked together: the homepage of the second web direction in front, the original website behind it
Industry
Politics
Scope
Website, identity and print materials
Timeline
2024 to 2025
Stack
WordPress, Breakdance, Plesk

Daniel Krutý on the collaboration

The brand manual, page by page

The complete manual of the first collaboration: fifteen pages from the central motif to examples of use.

Brand manual, page 1: Cover
Brand manual, page 2: The central motif
Brand manual, page 3: The emoticon motif
Brand manual, page 4: Layering the scene
Brand manual, page 5: Speech bubbles
Brand manual, page 6: Speech bubbles
Brand manual, page 7: Slogans
Brand manual, page 8: The torn paper effect
Brand manual, page 9: Typography
Brand manual, page 10: The torn paper effect
Brand manual, page 11: Examples: roll-ups
Brand manual, page 12: Examples: billboard
Brand manual, page 13: Examples: plush toy
Brand manual, page 14: Examples: metro advertising
Brand manual, page 15: Conclusion
  1. Brand manual, page 1: Cover
  2. Brand manual, page 2: The central motif
  3. Brand manual, page 3: The emoticon motif
  4. Brand manual, page 4: Layering the scene
  5. Brand manual, page 5: Speech bubbles
  6. Brand manual, page 6: Speech bubbles
  7. Brand manual, page 7: Slogans
  8. Brand manual, page 8: The torn paper effect
  9. Brand manual, page 9: Typography
  10. Brand manual, page 10: The torn paper effect
  11. Brand manual, page 11: Examples: roll-ups
  12. Brand manual, page 12: Examples: billboard
  13. Brand manual, page 13: Examples: plush toy
  14. Brand manual, page 14: Examples: metro advertising
  15. Brand manual, page 15: Conclusion

One brand, two distinct directions

We created a website and graphic materials for Hnutí Generace. The work has two separate phases, with different colours, motifs and typography. This study presents them separately so the work from each collaboration is clear.

The first direction combines a darker turquoise, emoticons and a distinctive smiley face with glasses. The second uses a brighter turquoise and a different visual language for the website and print. A new website design was also created for this direction; according to the supplied brief, it was not launched.

Consistency connects the work: the website, a large poster and a small business card should each feel part of the same identity.

First collaboration: a website with its own character

Darker turquoise, large typography and emoticons give the first website a recognisable character. Transitions between sections connect the movement, its people and its themes in one continuous presentation.

The original visual direction: large typography, emoticons and distinctive transitions between sections.

Introducing people and topics

The chairperson’s profile on the original Hnutí Generace website
The personal introduction has its own prominent section.
Topic cards on the original Hnutí Generace website
Topic cards and links to policy positions divide the content into readable blocks.

The first identity’s manual

The manual describes the central motif, layers, speech bubbles and typography. It also includes proposals for using the identity beyond the website.

Brand manual: the smiley face with glasses and the central motif
The smiley face with glasses as the recognisable motif of the first collaboration.
Brand manual: roll-up banner examples from the first identity
Examples of the same identity applied to large print formats for physical spaces.

The roll-up from the manual, out on the street

On the left the design from the brand manual, on the right the printed roll-up of the same identity.

A roll-up design with the smiley in sunglasses from the brand manual
The design in the manual: the smiley, a slogan and the programme points.
The printed Hnutí Generace roll-up with the smiley in front of a building
The finished roll-up with the slogan Jsme hnutí Generace.

Second collaboration: a brighter turquoise

The next phase has a different visual language. A star, sharper typography and a brighter turquoise connect the supplied print materials with the second website direction. These form a separate set of deliverables.

The website example shows a design that was not launched. The support page presents a form and an action for creating a QR code; switching between light, dark and blue themes offers several appearances for the same interface.

The Generace logo on a dark stage panel
Daniel Krutý with guests under a screen with the Generace logo

The website design from the second phase

The website design from the second Hnutí Generace collaboration
The second website direction with a new wordmark and visual language.
The unlaunched support page design with a form
The support page design. An interface example, without a claim that it was launched or received contributions.

The site’s opening in two variants

The opening section of the second web direction in a blue and a white variant.

Opening of the second web direction: Daniel Krutý on a blue ground with the slogan Spolu jsme Generace
The blue variant with the slogan Spolu jsme Generace.
Opening of the second web direction: Daniel Krutý on a white ground with the slogan Všichni jsme jedna generace
The white variant with the slogan Všichni jsme jedna generace.

The identity on a poster and in your hand

Original supplied materials from the second collaboration. On the left the print files from the editor, on the right the finished print.

A poster from the second Hnutí Generace collaboration
1 The poster in the print files: a bold heading and the new visual direction.
The printed poster Nechtějí, abyste to věděli
2 The same poster in print.
Presentation folder artwork from the second collaboration
3 The unfolded presentation folder in the print files.
The printed presentation folder with the candidate Jiří Morštadt
4 The finished folder, its front with the Senate candidate.

Print for the hand

The business card and the roll-up in the editor, beside them the finished print: the card among the other items and the flyers in a hand.

A business card from the second Hnutí Generace collaboration
1 The business card in the print files.
The finished Hnutí Generace print together: folder, flyers, poster and business card
2 The printed items together, the business card on the left in the middle.
A roll-up banner from the second Hnutí Generace collaboration
3 The roll-up with Daniel Krutý in the print files.
Hnutí Generace flyers with Daniel Krutý and Radko Šáblík held in a hand
4 The flyers with Daniel Krutý and Radko Šáblík in a hand.

The candidate online and on paper

A social media announcement and the leaflet of the Senate candidate Jiří Morštadt in the same visual.

An Instagram poster with Jiří Morštadt and the words Něco se chystá
An Instagram post: Něco se chystá, something is coming.
The printed leaflet of the Senate candidate Jiří Morštadt
The printed leaflet with the candidate’s programme.
The Hnutí Generace team under the large heading Čas na novou kapitolu
A campaign visual with the movement’s team: Čas na novou kapitolu, time for a new chapter.

In the client’s words

Daniel Krutý

Working with 200solutions was top class. They did the graphics for Generace and it was always great! You can always come to an agreement with the owner!

Daniel Krutý
Generace movement

A visual system that works on screen and on paper.