{"id":115,"date":"2024-03-06T18:20:46","date_gmt":"2024-03-06T18:20:46","guid":{"rendered":"https:\/\/staging.agencerinaldi.com\/?post_type=portfolio&#038;p=115"},"modified":"2025-11-26T16:54:33","modified_gmt":"2025-11-26T16:54:33","slug":"hop-la-rentree","status":"publish","type":"portfolio","link":"https:\/\/agencerinaldi.com\/en\/portfolio\/hop-la-rentree\/","title":{"rendered":"Hop! la rentr\u00e9e"},"content":{"rendered":"<style>\n<p>#section-1 div {\n    position:absolute;\n    top:50%;\n    left:50%;\n    transform:translate3d(-50%,-50%,0);\n    font-size:45px;\n    line-height:53px;\n    color:var(--white);\n    font-weight:bold;\n    text-align:center;\n}\n#section-1 div span {\n    font-size:24px;\n    line-height:30px;\n}\n#section-2 {\n    position:relative;\n}\n#section-2 img {\n    width:100%;\n}\n#section-2 div {\n    font-family:'montserrat', sans-serif;\n    position:absolute;\n    width:30%;\n    top:50%;\n    left:20%;\n    transform:translateY(-50%);\n    font-size:55px;\n    line-height:65px;color: var(--black);\n    font-weight:bold;\n    text-align: left;\n}\n#section-2 div span {\n    font-size:22px;\n    line-height:30px;\n}\n#section-3 div div,\n#section-4 div div {\n    width:50%;\n    display:inline-block;\n    padding:10%;\n}\n#section-3 div,\n#section-4 div {\n    display:flex;\n    flex-direction:row;\n}<\/p>\n<p>@media screen and (max-width:768px) {<\/p>\n<p>#section-1 div {\n    font-size: 30px;\n    line-height: 38px;\n    width: 100%;\n}<\/p>\n<p>#section-1 div span {\n    font-size: 22px;\n    line-height: 30px;\n}\n#section-2 {\n    padding:0;\n}\n#section-2 img {\n    width:100%;\n}\n#section-2 div {\n    position: relative;\n    font-size: 35px;\n    line-height: 45px;\n    width: unset;\n    top: unset;\n    left: unset;\n    margin: 25px 35px;\n    text-align: center;\n    transform:none;<\/p>\n<p>}\n#section-2 div span {\n    font-size: 16px;\n    line-height: 24px;\n    font-weight: 300;\n    margin: 25px 0 0 0;\n    display: inline-block;\n}\n#section-3 {\n    background-color:#E4E4E4;\n}\n#section-3 div,\n#section-4 div  {\n    display:flex;\n    flex-direction:column;\n}\n#section-3 div div,\n#section-4 div div {\n    width:100%;\n}<\/p>\n<\/style>\n<section id=\"portfolio-header\" class=\"image-right\">\n<div class=\"portfolio-header-container\">\n<div class=\"portfolio-header-left\">\n<h2>HOP! <br class=\"mobile\">LA RENTR\u00c9E<\/h2>\n<div>Quebec is a leader in supporting causes that matter to us. Hop! La rentr\u00e9e needed to enhance its image to establish itself as an important non-profit organization in Quebec and Montreal. Rinaldi reworked the brand image of Hop! La rentr\u00e9e to align it more closely with the organization&#8217;s values of commitment, solidarity, equity, and kindness. The clean logo, featuring a new typography and updated colour palette, reflects a balance between the donor community and the service recipients\u2014namely, the students. By enhancing Hop! La rentr\u00e9e&#8217;s communications through this new brand image, Rinaldi has enabled the organization to amplify its crucial message.<\/div>\n<\/p><\/div>\n<div class=\"portfolio-header-right\">\n                <img decoding=\"async\" class=\"portfolio-logo\" src=\"\/wp-content\/uploads\/2024\/03\/portfolio-hop-logo.webp\">\n        <\/div>\n<\/p><\/div>\n<\/section>\n<section id=\"section-1\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/03\/portfolio-hop-1.webp\" style=\"width:100%;display:inline-block;\"><\/p>\n<div>CHARTE GRAPHIQUE 2023<br \/><span>HOP! LA RENTR\u00c9E<\/span><\/div>\n<\/section>\n<section id=\"section-2\">\n    <img decoding=\"async\" class=\"desktop\" src=\"\/wp-content\/uploads\/2024\/03\/portfolio-hop-2.webp\"><br class=\"desktop\"><\/p>\n<div>La dignit\u00e9 pour Hop! La rentr\u00e9e.<br \/><span>Pour Hop!, la dignit\u00e9, c\u2019est de procurer un sentiment d\u2019appartenance aux familles en difficult\u00e9 en permettant \u00e0 tous de vivre la rentr\u00e9e scolaire sur un pied d\u2019\u00e9galit\u00e9.<\/span><\/div>\n<p>    <img decoding=\"async\" class=\"mobile\" src=\"\/wp-content\/uploads\/2024\/04\/portfolio-hop-2-m.webp\"><br \/>\n<\/section>\n<section id=\"section-3\" class=\"mobile\">\n<div>\n<div><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/03\/portfolio-hop-3a.webp\" style=\"display:inline-block;width:100%;\"><\/div>\n<p class=\"mobile\" style=\"13px;text-transform:uppercase;font-weight:bold;margin:0px 35px 35px 35px;\">Logo Officiel<\/p>\n<div><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/03\/portfolio-hop-3b.webp\" style=\"display:inline-block;width:100%;\"><\/div>\n<p class=\"mobile\" style=\"13px;text-transform:uppercase;font-weight:bold;margin:0px 35px 35px 35px;\">Versions Accept\u00e9es<\/p>\n<p>        <img decoding=\"async\" class=\"mobile\" src=\"\/wp-content\/uploads\/2024\/03\/portfolio-hop-3c.webp\" style=\"display:block;width:100%;padding: 0 35px 0 35px;\"><\/p>\n<p class=\"mobile\" style=\"13px;text-transform:uppercase;font-weight:bold;margin:15px 35px 35px 35px;\">Typographie<\/p>\n<p>        <img decoding=\"async\" class=\"mobile\" src=\"\/wp-content\/uploads\/2024\/04\/portfolio-hop-3d-m.webp\" style=\"display:block;width:100%;padding: 0 35px 0 35px;\"><\/p>\n<p class=\"mobile\" style=\"13px;text-transform:uppercase;font-weight:bold;margin:15px 35px 35px 35px;\">Palette Primaire<\/p>\n<p>        <img decoding=\"async\" class=\"mobile\" src=\"\/wp-content\/uploads\/2024\/04\/portfolio-hop-3e-m.webp\" style=\"display:block;width:100%;padding: 0 35px 0 35px;\"><\/p>\n<p class=\"mobile\" style=\"13px;text-transform:uppercase;font-weight:bold;margin:15px 35px 35px 35px;\">Palette Secondaire<\/p>\n<p>        <img decoding=\"async\" class=\"mobile\" src=\"\/wp-content\/uploads\/2024\/04\/portfolio-hop-3f-m.webp\" style=\"display:block;width:100%;\"><\/p><\/div>\n<\/section>\n<section id=\"section-4\" class=\"desktop\">\n<div style=\"display:flex;flex-direction:row;\">\n<div style=\"width:50%;display:inline-block;padding:5% 10%;\">\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/03\/portfolio-hop-3c.webp\" style=\"width:100%;\"><br \/>\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/03\/portfolio-hop-3d.webp\" style=\"width:100%;\">\n        <\/div>\n<div style=\"width:50%;display:inline-block;\">\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/03\/portfolio-hop-3e.webp\" style=\"width:100%;\">\n        <\/div>\n<\/p><\/div>\n<\/section>\n<section class=\"desktop\">\n<div style=\"display:flex;flex-direction:row;background-color:#170C3B;\">\n<div style=\"width:50%;display:inline-block;padding:10%;\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/03\/portfolio-hop-4a.webp\" style=\"width:100%;\"><br \/><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/03\/portfolio-hop-4b.webp\" style=\"width:100%;\"><\/div>\n<div style=\"width:50%;display:inline-block;position:relative;\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/03\/portfolio-hop-4c.webp\" style=\"position:absolute;width:85%;top:50%;transform:translateY(-50%);\"><\/div>\n<\/div>\n<\/section>\n<section class=\"mobile\" style=\"background-color:#170C3B;\">\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/04\/portfolio-hop-4a-m.webp\" style=\"display:block;width:100%;padding: 35px;\"><\/p>\n<p class=\"mobile\" style=\"13px;text-transform:uppercase;font-weight:bold;margin:0px 35px 35px 35px;color:var(--white);\">Utilisations non recommand\u00e9es<\/p>\n<p><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/04\/portfolio-hop-4b-m.webp\" style=\"display:block;width:100%;padding: 35px;\"><\/p>\n<p class=\"mobile\" style=\"13px;text-transform:uppercase;font-weight:bold;margin:0px 35px 35px 35px;color:var(--white);\">Utilisations recommand\u00e9es<\/p>\n<p><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/04\/portfolio-hop-4c-m.webp\" style=\"display:block;width:100%;padding: 35px;\"><br \/>\n<\/section>\n<section class=\"desktop\">\n<div style=\"font-family:'montserrat', sans-serif;font-weight:bold;text-align:center;margin:auto;font-size:55px;line-height:65px;padding:50px 0 25px 0;\">Applications<\/div>\n<div style=\"display:flex;flex-direction:row;position:relative;padding:0 15% 10% 15%;\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/03\/portfolio-hop-5a.webp\" style=\"width:50%;\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/03\/portfolio-hop-5b.webp\" style=\"width:50%;\">\n<\/div>\n<\/section>\n<section class=\"mobile\" style=\"background-color:#E4E4E4;\">\n<div style=\"font-family:'montserrat', sans-serif;font-weight:bold;text-align:center;margin:auto;font-size:30px;line-height:65px;padding:50px 0 15px 0 ;\">Applications<\/div>\n<p><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/04\/portfolio-hop-5a-m.webp\" style=\"display:block;width:100%;padding: 0 35px;\"><br \/>\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/04\/portfolio-hop-5b-m.webp\" style=\"display:block;width:100%;padding: 20 35px\"><br \/>\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/04\/portfolio-hop-5c-m.webp\" style=\"display:block;width:100%;padding: 0 35px 50px 35px;\"><br \/>\n<\/section>\n<section class=\"desktop\" style=\"padding:5%;background-color:#FFC902;\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/03\/portfolio-hop-6.webp\" style=\"width:100%;height:auto;\"><br \/>\n<\/section>\n<section class=\"mobile\" style=\"padding:50px 25px;background-color:#FFC902;\">\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/04\/portfolio-hop-6a-m.webp\" style=\"display:block;width:100%;\"><br \/>\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/04\/portfolio-hop-6b-m.webp\" style=\"display:block;width:100%;padding: 10px 35px 10px 35px;\"><br \/>\n<\/section>\n<section class=\"desktop\" style=\"padding:5% 20%;background-color:#E4E4E4;\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/03\/portfolio-hop-7.webp\" style=\"width:100%;height:auto;\"><br \/>\n<\/section>\n<section class=\"mobile\" style=\"padding:50px 0;background-color:#E4E4E4;\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/04\/portfolio-hop-7-m.webp\" style=\"width:100%;height:auto;\"><br \/>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>HOP! LA RENTR\u00c9E Quebec is a leader in supporting causes that matter to us. Hop! La rentr\u00e9e needed to enhance its image to establish itself as an important non-profit organization in Quebec and Montreal. Rinaldi reworked the brand image of Hop! La rentr\u00e9e to align it more closely with the organization&#8217;s values of commitment, solidarity, [&hellip;]<\/p>\n","protected":false},"featured_media":41,"template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-115","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/agencerinaldi.com\/en\/wp-json\/wp\/v2\/portfolio\/115","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agencerinaldi.com\/en\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/agencerinaldi.com\/en\/wp-json\/wp\/v2\/types\/portfolio"}],"version-history":[{"count":113,"href":"https:\/\/agencerinaldi.com\/en\/wp-json\/wp\/v2\/portfolio\/115\/revisions"}],"predecessor-version":[{"id":2020,"href":"https:\/\/agencerinaldi.com\/en\/wp-json\/wp\/v2\/portfolio\/115\/revisions\/2020"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/agencerinaldi.com\/en\/wp-json\/wp\/v2\/media\/41"}],"wp:attachment":[{"href":"https:\/\/agencerinaldi.com\/en\/wp-json\/wp\/v2\/media?parent=115"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}