{"id":400,"date":"2026-07-27T14:29:44","date_gmt":"2026-07-27T14:29:44","guid":{"rendered":"https:\/\/carolinebraillon.com\/?post_type=elemenfolio&#038;p=400"},"modified":"2026-07-27T18:45:56","modified_gmt":"2026-07-27T18:45:56","slug":"lfo28-brand-identity","status":"publish","type":"elemenfolio","link":"https:\/\/carolinebraillon.com\/?elemenfolio=lfo28-brand-identity","title":{"rendered":"LFO28 \u2014 Brand identity"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"400\" class=\"elementor elementor-400\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b3263d e-flex e-con-boxed e-con e-parent\" data-id=\"9b3263d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6be7802 elementor-widget elementor-widget-text-editor\" data-id=\"6be7802\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>LFO28<\/strong> is the brand identity I created for Projet LFO 2028, the relocation of the Lyc\u00e9e Fran\u00e7ais d&#8217;Oslo to a new campus at Fornebu, Norway.<\/p><p><strong>My role:<\/strong> concept development, logo design, colour palette, typography, digital applications and visual rollout.<\/p><p>The compact stacked wordmark combines the school&#8217;s initials with its 2028 horizon. Deep navy brings trust and institutional clarity, warm amber adds energy and optimism, and cream and white create a calm, readable canvas. The geometric Poppins typeface keeps the system modern and approachable.<\/p><p>The identity scales across the official website, presentations and trilingual communications, giving the school community one consistent visual voice throughout the move.<\/p><p class=\"cb-project-actions\"><a class=\"cb-button cb-button-primary\" href=\"https:\/\/carolinebraillon.com\/?elemenfolio=lfo28-projet-lfo-2028\">View the website project<\/a><a class=\"cb-button cb-button-secondary\" href=\"https:\/\/carolinebraillon.com\/?page_id=182\">Back to portfolio<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-da085cb elementor-widget elementor-widget-html\" data-id=\"da085cb\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!doctype html><html lang=\"en\"><head><meta charset=\"utf-8\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n  *{margin:0;padding:0;box-sizing:border-box}\n  html,body{background:transparent}\n  body{font-family:'Poppins',system-ui,-apple-system,sans-serif;width:100%;max-width:1600px;margin:0 auto;color:#1E4681;padding:60px 64px}\n  .lbl{font-size:14px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:#F3AF40;margin-bottom:34px}\n  \/* palette *\/\n  .pal{display:flex;gap:22px}\n  .sw{flex:1}\n  .chip{border-radius:16px;box-shadow:0 12px 30px rgba(20,40,80,.10)}\n  .swname{margin-top:18px;font-weight:600;font-size:19px;color:#1E4681}\n  .role{margin-top:2px;font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#F3AF40}\n  .swhex{margin-top:10px;font-weight:600;font-size:15px;color:#1E4681;letter-spacing:.03em}\n  .swrgb{margin-top:1px;font-weight:300;font-size:13px;color:#5b6b82}\n  \/* typography *\/\n  .type{display:grid;grid-template-columns:.5fr 1.5fr;gap:56px;align-items:start}\n  .aa{font-size:220px;font-weight:700;line-height:.8;color:#1E4681}\n  .aacap{margin-top:16px;font-size:21px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:#F3AF40}\n  .weights{display:flex;flex-wrap:wrap;gap:10px 26px;font-size:20px;margin-bottom:26px}\n  .w3{font-weight:300}.w4{font-weight:400}.w5{font-weight:500}.w6{font-weight:600}.w7{font-weight:700}\n  .alpha{font-size:23px;font-weight:500;letter-spacing:.03em;line-height:1.75;color:#1E4681;margin-bottom:26px}\n  .alpha .mut{color:#8aa0bf}\n  .spec h2{font-size:40px;font-weight:600;line-height:1.15;letter-spacing:-.3px}\n  .spec h2 em{font-style:normal;color:#F3AF40}\n  .spec p{font-size:16.5px;font-weight:300;color:#5b6b82;line-height:1.7;margin-top:14px;max-width:700px}\n  \/* logos *\/\n  .logos{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}\n  .frame{height:280px;border-radius:20px;display:flex;align-items:center;justify-content:center}\n  .frame.plain{border:1.5px solid rgba(30,70,129,.14)}\n  .frame.navy{background:#1E4681}\n  .l{width:158px}.l svg{width:100%;height:auto;display:block}\n  .frame.navy .l{color:#fff}.frame.navy .l.sky{color:#A9DADC}\n  .cap{margin-top:18px;font-weight:500;font-size:15.5px;color:#5b6b82;text-align:center}\n  .cap b{color:#1E4681;font-weight:600}\n  @media(max-width:820px){\n    body{padding:32px 22px}\n    .type{grid-template-columns:1fr;gap:26px}.aa{font-size:150px}\n    .logos{grid-template-columns:1fr}\n    .pal{flex-wrap:wrap}.sw{flex:1 1 40%}\n  }\n<\/style><\/head><body><div class=\"lbl\">Logo \u2014 the &ldquo;LFO&nbsp;28&rdquo; mark<\/div>\n<div class=\"logos\">\n  <div><div class=\"frame plain\"><div class=\"l\"><svg fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 56.29 54.5\"><g data-name=\"Layer_1\"><g><path d=\"M6.16,20.88h8.06v4.75H0V.36h6.16v20.52Z\"><\/path><path d=\"M33.25.36v4.93h-10.3v5.33h7.7v4.79h-7.7v10.22h-6.16V.36h16.45Z\"><\/path><path d=\"M39.42,24.23c-1.72-1.1-3.08-2.65-4.09-4.63s-1.51-4.21-1.51-6.68.5-4.69,1.51-6.66c1.01-1.97,2.37-3.5,4.09-4.61,1.72-1.1,3.6-1.66,5.66-1.66s3.95.55,5.66,1.66c1.72,1.1,3.07,2.64,4.06,4.61.99,1.97,1.48,4.19,1.48,6.66s-.5,4.7-1.5,6.68c-1,1.98-2.35,3.52-4.06,4.63s-3.59,1.66-5.65,1.66-3.95-.55-5.66-1.66ZM49.28,18.25c1.05-1.34,1.58-3.12,1.58-5.33s-.53-4.01-1.58-5.35-2.45-2-4.2-2-3.18.66-4.23,1.98-1.58,3.11-1.58,5.36.53,4.01,1.58,5.35,2.46,2,4.23,2,3.15-.67,4.2-2.02Z\"><\/path><\/g><g><path d=\"M25.77,54.06H1.56c.28-2.12,1.12-4.12,2.53-5.99s4.04-4.08,7.91-6.62c2.36-1.56,3.88-2.74,4.54-3.55s.99-1.58.99-2.3c0-.79-.33-1.46-.98-2.01s-1.48-.83-2.47-.83-1.87.29-2.53.86-1.09,1.59-1.32,3.04l-8.08-.58c.32-2.02.9-3.59,1.74-4.72s2.04-2,3.58-2.6,3.67-.91,6.39-.91,5.05.29,6.63.86,2.82,1.46,3.72,2.65,1.36,2.52,1.36,4c0,1.57-.52,3.07-1.56,4.5s-2.92,3-5.66,4.71c-1.62,1-2.71,1.69-3.26,2.09s-1.19.92-1.93,1.56h12.6v5.84Z\"><\/path><path d=\"M35.85,40.21c-1.27-.6-2.19-1.27-2.77-2-.79-1.01-1.19-2.17-1.19-3.48,0-2.16,1.14-3.92,3.43-5.29,1.78-1.05,4.14-1.58,7.07-1.58,3.88,0,6.75.66,8.61,1.97s2.78,2.96,2.78,4.96c0,1.16-.37,2.24-1.11,3.25-.55.75-1.43,1.48-2.62,2.18,1.57.67,2.74,1.55,3.52,2.65s1.16,2.32,1.16,3.66-.33,2.49-1,3.61-1.49,1.98-2.46,2.59-2.18,1.06-3.63,1.34-2.99.43-4.63.43c-3.08,0-5.43-.32-7.05-.97s-2.86-1.59-3.7-2.85-1.27-2.65-1.27-4.2.4-2.79,1.19-3.84,2.01-1.86,3.67-2.43ZM39.04,46.23c0,1.14.39,2.07,1.17,2.79s1.67,1.08,2.67,1.08,1.83-.37,2.6-1.1,1.15-1.66,1.15-2.79-.39-2.07-1.16-2.79-1.67-1.09-2.68-1.09-1.88.35-2.62,1.05-1.12,1.65-1.12,2.85ZM39.48,35.14c0,.89.31,1.61.94,2.15s1.46.82,2.51.82c.92,0,1.68-.27,2.28-.81s.89-1.24.89-2.09-.31-1.61-.93-2.17-1.41-.83-2.38-.83-1.77.27-2.39.82-.92,1.25-.92,2.12Z\"><\/path><\/g><\/g><\/svg><\/div><\/div><div class=\"cap\"><b>Primary<\/b> \u00b7 navy on light<\/div><\/div>\n  <div><div class=\"frame navy\"><div class=\"l\"><svg fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 56.29 54.5\"><g data-name=\"Layer_1\"><g><path d=\"M6.16,20.88h8.06v4.75H0V.36h6.16v20.52Z\"><\/path><path d=\"M33.25.36v4.93h-10.3v5.33h7.7v4.79h-7.7v10.22h-6.16V.36h16.45Z\"><\/path><path d=\"M39.42,24.23c-1.72-1.1-3.08-2.65-4.09-4.63s-1.51-4.21-1.51-6.68.5-4.69,1.51-6.66c1.01-1.97,2.37-3.5,4.09-4.61,1.72-1.1,3.6-1.66,5.66-1.66s3.95.55,5.66,1.66c1.72,1.1,3.07,2.64,4.06,4.61.99,1.97,1.48,4.19,1.48,6.66s-.5,4.7-1.5,6.68c-1,1.98-2.35,3.52-4.06,4.63s-3.59,1.66-5.65,1.66-3.95-.55-5.66-1.66ZM49.28,18.25c1.05-1.34,1.58-3.12,1.58-5.33s-.53-4.01-1.58-5.35-2.45-2-4.2-2-3.18.66-4.23,1.98-1.58,3.11-1.58,5.36.53,4.01,1.58,5.35,2.46,2,4.23,2,3.15-.67,4.2-2.02Z\"><\/path><\/g><g><path d=\"M25.77,54.06H1.56c.28-2.12,1.12-4.12,2.53-5.99s4.04-4.08,7.91-6.62c2.36-1.56,3.88-2.74,4.54-3.55s.99-1.58.99-2.3c0-.79-.33-1.46-.98-2.01s-1.48-.83-2.47-.83-1.87.29-2.53.86-1.09,1.59-1.32,3.04l-8.08-.58c.32-2.02.9-3.59,1.74-4.72s2.04-2,3.58-2.6,3.67-.91,6.39-.91,5.05.29,6.63.86,2.82,1.46,3.72,2.65,1.36,2.52,1.36,4c0,1.57-.52,3.07-1.56,4.5s-2.92,3-5.66,4.71c-1.62,1-2.71,1.69-3.26,2.09s-1.19.92-1.93,1.56h12.6v5.84Z\"><\/path><path d=\"M35.85,40.21c-1.27-.6-2.19-1.27-2.77-2-.79-1.01-1.19-2.17-1.19-3.48,0-2.16,1.14-3.92,3.43-5.29,1.78-1.05,4.14-1.58,7.07-1.58,3.88,0,6.75.66,8.61,1.97s2.78,2.96,2.78,4.96c0,1.16-.37,2.24-1.11,3.25-.55.75-1.43,1.48-2.62,2.18,1.57.67,2.74,1.55,3.52,2.65s1.16,2.32,1.16,3.66-.33,2.49-1,3.61-1.49,1.98-2.46,2.59-2.18,1.06-3.63,1.34-2.99.43-4.63.43c-3.08,0-5.43-.32-7.05-.97s-2.86-1.59-3.7-2.85-1.27-2.65-1.27-4.2.4-2.79,1.19-3.84,2.01-1.86,3.67-2.43ZM39.04,46.23c0,1.14.39,2.07,1.17,2.79s1.67,1.08,2.67,1.08,1.83-.37,2.6-1.1,1.15-1.66,1.15-2.79-.39-2.07-1.16-2.79-1.67-1.09-2.68-1.09-1.88.35-2.62,1.05-1.12,1.65-1.12,2.85ZM39.48,35.14c0,.89.31,1.61.94,2.15s1.46.82,2.51.82c.92,0,1.68-.27,2.28-.81s.89-1.24.89-2.09-.31-1.61-.93-2.17-1.41-.83-2.38-.83-1.77.27-2.39.82-.92,1.25-.92,2.12Z\"><\/path><\/g><\/g><\/svg><\/div><\/div><div class=\"cap\"><b>Reversed<\/b> \u00b7 white on navy<\/div><\/div>\n  <div><div class=\"frame navy\"><div class=\"l sky\"><svg fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 56.29 54.5\"><g data-name=\"Layer_1\"><g><path d=\"M6.16,20.88h8.06v4.75H0V.36h6.16v20.52Z\"><\/path><path d=\"M33.25.36v4.93h-10.3v5.33h7.7v4.79h-7.7v10.22h-6.16V.36h16.45Z\"><\/path><path d=\"M39.42,24.23c-1.72-1.1-3.08-2.65-4.09-4.63s-1.51-4.21-1.51-6.68.5-4.69,1.51-6.66c1.01-1.97,2.37-3.5,4.09-4.61,1.72-1.1,3.6-1.66,5.66-1.66s3.95.55,5.66,1.66c1.72,1.1,3.07,2.64,4.06,4.61.99,1.97,1.48,4.19,1.48,6.66s-.5,4.7-1.5,6.68c-1,1.98-2.35,3.52-4.06,4.63s-3.59,1.66-5.65,1.66-3.95-.55-5.66-1.66ZM49.28,18.25c1.05-1.34,1.58-3.12,1.58-5.33s-.53-4.01-1.58-5.35-2.45-2-4.2-2-3.18.66-4.23,1.98-1.58,3.11-1.58,5.36.53,4.01,1.58,5.35,2.46,2,4.23,2,3.15-.67,4.2-2.02Z\"><\/path><\/g><g><path d=\"M25.77,54.06H1.56c.28-2.12,1.12-4.12,2.53-5.99s4.04-4.08,7.91-6.62c2.36-1.56,3.88-2.74,4.54-3.55s.99-1.58.99-2.3c0-.79-.33-1.46-.98-2.01s-1.48-.83-2.47-.83-1.87.29-2.53.86-1.09,1.59-1.32,3.04l-8.08-.58c.32-2.02.9-3.59,1.74-4.72s2.04-2,3.58-2.6,3.67-.91,6.39-.91,5.05.29,6.63.86,2.82,1.46,3.72,2.65,1.36,2.52,1.36,4c0,1.57-.52,3.07-1.56,4.5s-2.92,3-5.66,4.71c-1.62,1-2.71,1.69-3.26,2.09s-1.19.92-1.93,1.56h12.6v5.84Z\"><\/path><path d=\"M35.85,40.21c-1.27-.6-2.19-1.27-2.77-2-.79-1.01-1.19-2.17-1.19-3.48,0-2.16,1.14-3.92,3.43-5.29,1.78-1.05,4.14-1.58,7.07-1.58,3.88,0,6.75.66,8.61,1.97s2.78,2.96,2.78,4.96c0,1.16-.37,2.24-1.11,3.25-.55.75-1.43,1.48-2.62,2.18,1.57.67,2.74,1.55,3.52,2.65s1.16,2.32,1.16,3.66-.33,2.49-1,3.61-1.49,1.98-2.46,2.59-2.18,1.06-3.63,1.34-2.99.43-4.63.43c-3.08,0-5.43-.32-7.05-.97s-2.86-1.59-3.7-2.85-1.27-2.65-1.27-4.2.4-2.79,1.19-3.84,2.01-1.86,3.67-2.43ZM39.04,46.23c0,1.14.39,2.07,1.17,2.79s1.67,1.08,2.67,1.08,1.83-.37,2.6-1.1,1.15-1.66,1.15-2.79-.39-2.07-1.16-2.79-1.67-1.09-2.68-1.09-1.88.35-2.62,1.05-1.12,1.65-1.12,2.85ZM39.48,35.14c0,.89.31,1.61.94,2.15s1.46.82,2.51.82c.92,0,1.68-.27,2.28-.81s.89-1.24.89-2.09-.31-1.61-.93-2.17-1.41-.83-2.38-.83-1.77.27-2.39.82-.92,1.25-.92,2.12Z\"><\/path><\/g><\/g><\/svg><\/div><\/div><div class=\"cap\"><b>Secondary<\/b> \u00b7 sky blue<\/div><\/div>\n<\/div><\/body><\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a53e8a9 elementor-widget elementor-widget-html\" data-id=\"a53e8a9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!doctype html><html lang=\"en\"><head><meta charset=\"utf-8\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n  *{margin:0;padding:0;box-sizing:border-box}\n  html,body{background:transparent}\n  body{font-family:'Poppins',system-ui,-apple-system,sans-serif;width:100%;max-width:1600px;margin:0 auto;color:#1E4681;padding:60px 64px}\n  .lbl{font-size:14px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:#F3AF40;margin-bottom:34px}\n  \/* palette *\/\n  .pal{display:flex;gap:22px}\n  .sw{flex:1}\n  .chip{border-radius:16px;box-shadow:0 12px 30px rgba(20,40,80,.10)}\n  .swname{margin-top:18px;font-weight:600;font-size:19px;color:#1E4681}\n  .role{margin-top:2px;font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#F3AF40}\n  .swhex{margin-top:10px;font-weight:600;font-size:15px;color:#1E4681;letter-spacing:.03em}\n  .swrgb{margin-top:1px;font-weight:300;font-size:13px;color:#5b6b82}\n  \/* typography *\/\n  .type{display:grid;grid-template-columns:.5fr 1.5fr;gap:56px;align-items:start}\n  .aa{font-size:220px;font-weight:700;line-height:.8;color:#1E4681}\n  .aacap{margin-top:16px;font-size:21px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:#F3AF40}\n  .weights{display:flex;flex-wrap:wrap;gap:10px 26px;font-size:20px;margin-bottom:26px}\n  .w3{font-weight:300}.w4{font-weight:400}.w5{font-weight:500}.w6{font-weight:600}.w7{font-weight:700}\n  .alpha{font-size:23px;font-weight:500;letter-spacing:.03em;line-height:1.75;color:#1E4681;margin-bottom:26px}\n  .alpha .mut{color:#8aa0bf}\n  .spec h2{font-size:40px;font-weight:600;line-height:1.15;letter-spacing:-.3px}\n  .spec h2 em{font-style:normal;color:#F3AF40}\n  .spec p{font-size:16.5px;font-weight:300;color:#5b6b82;line-height:1.7;margin-top:14px;max-width:700px}\n  \/* logos *\/\n  .logos{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}\n  .frame{height:280px;border-radius:20px;display:flex;align-items:center;justify-content:center}\n  .frame.plain{border:1.5px solid rgba(30,70,129,.14)}\n  .frame.navy{background:#1E4681}\n  .l{width:158px}.l svg{width:100%;height:auto;display:block}\n  .frame.navy .l{color:#fff}.frame.navy .l.sky{color:#A9DADC}\n  .cap{margin-top:18px;font-weight:500;font-size:15.5px;color:#5b6b82;text-align:center}\n  .cap b{color:#1E4681;font-weight:600}\n  @media(max-width:820px){\n    body{padding:32px 22px}\n    .type{grid-template-columns:1fr;gap:26px}.aa{font-size:150px}\n    .logos{grid-template-columns:1fr}\n    .pal{flex-wrap:wrap}.sw{flex:1 1 40%}\n  }\n<\/style><\/head><body><div class=\"lbl\">Colour palette<\/div><div class=\"pal\"><div class=\"sw\">\n    <div class=\"chip\" style=\"background:#1E4681;height:220px\"><\/div>\n    <div class=\"swname\">Navy<\/div><div class=\"role\">Primary<\/div>\n    <div class=\"swhex\">#1E4681<\/div><div class=\"swrgb\">rgb(30, 70, 129)<\/div><\/div><div class=\"sw\">\n    <div class=\"chip\" style=\"background:#F3AF40;height:220px\"><\/div>\n    <div class=\"swname\">Amber<\/div><div class=\"role\">Accent<\/div>\n    <div class=\"swhex\">#F3AF40<\/div><div class=\"swrgb\">rgb(243, 175, 64)<\/div><\/div><div class=\"sw\">\n    <div class=\"chip\" style=\"background:#A9DADC;height:220px\"><\/div>\n    <div class=\"swname\">Sky Blue<\/div><div class=\"role\">Secondary<\/div>\n    <div class=\"swhex\">#A9DADC<\/div><div class=\"swrgb\">rgb(169, 218, 220)<\/div><\/div><div class=\"sw\">\n    <div class=\"chip\" style=\"background:#FAF7F0;border:1px solid #ece7db;height:220px\"><\/div>\n    <div class=\"swname\">Cream<\/div><div class=\"role\">Surface<\/div>\n    <div class=\"swhex\">#FAF7F0<\/div><div class=\"swrgb\">rgb(250, 247, 240)<\/div><\/div><div class=\"sw\">\n    <div class=\"chip\" style=\"background:#FFFFFF;border:1px solid #e6e8ee;height:220px\"><\/div>\n    <div class=\"swname\">White<\/div><div class=\"role\">Surface<\/div>\n    <div class=\"swhex\">#FFFFFF<\/div><div class=\"swrgb\">rgb(255, 255, 255)<\/div><\/div><\/div><\/body><\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-372c15c elementor-widget elementor-widget-html\" data-id=\"372c15c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!doctype html><html lang=\"en\"><head><meta charset=\"utf-8\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n  *{margin:0;padding:0;box-sizing:border-box}\n  html,body{background:transparent}\n  body{font-family:'Poppins',system-ui,-apple-system,sans-serif;width:100%;max-width:1600px;margin:0 auto;color:#1E4681;padding:60px 64px}\n  .lbl{font-size:14px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:#F3AF40;margin-bottom:34px}\n  \/* palette *\/\n  .pal{display:flex;gap:22px}\n  .sw{flex:1}\n  .chip{border-radius:16px;box-shadow:0 12px 30px rgba(20,40,80,.10)}\n  .swname{margin-top:18px;font-weight:600;font-size:19px;color:#1E4681}\n  .role{margin-top:2px;font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#F3AF40}\n  .swhex{margin-top:10px;font-weight:600;font-size:15px;color:#1E4681;letter-spacing:.03em}\n  .swrgb{margin-top:1px;font-weight:300;font-size:13px;color:#5b6b82}\n  \/* typography *\/\n  .type{display:grid;grid-template-columns:.5fr 1.5fr;gap:56px;align-items:start}\n  .aa{font-size:220px;font-weight:700;line-height:.8;color:#1E4681}\n  .aacap{margin-top:16px;font-size:21px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:#F3AF40}\n  .weights{display:flex;flex-wrap:wrap;gap:10px 26px;font-size:20px;margin-bottom:26px}\n  .w3{font-weight:300}.w4{font-weight:400}.w5{font-weight:500}.w6{font-weight:600}.w7{font-weight:700}\n  .alpha{font-size:23px;font-weight:500;letter-spacing:.03em;line-height:1.75;color:#1E4681;margin-bottom:26px}\n  .alpha .mut{color:#8aa0bf}\n  .spec h2{font-size:40px;font-weight:600;line-height:1.15;letter-spacing:-.3px}\n  .spec h2 em{font-style:normal;color:#F3AF40}\n  .spec p{font-size:16.5px;font-weight:300;color:#5b6b82;line-height:1.7;margin-top:14px;max-width:700px}\n  \/* logos *\/\n  .logos{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}\n  .frame{height:280px;border-radius:20px;display:flex;align-items:center;justify-content:center}\n  .frame.plain{border:1.5px solid rgba(30,70,129,.14)}\n  .frame.navy{background:#1E4681}\n  .l{width:158px}.l svg{width:100%;height:auto;display:block}\n  .frame.navy .l{color:#fff}.frame.navy .l.sky{color:#A9DADC}\n  .cap{margin-top:18px;font-weight:500;font-size:15.5px;color:#5b6b82;text-align:center}\n  .cap b{color:#1E4681;font-weight:600}\n  @media(max-width:820px){\n    body{padding:32px 22px}\n    .type{grid-template-columns:1fr;gap:26px}.aa{font-size:150px}\n    .logos{grid-template-columns:1fr}\n    .pal{flex-wrap:wrap}.sw{flex:1 1 40%}\n  }\n<\/style><\/head><body><div class=\"lbl\">Typography \u2014 Poppins<\/div>\n<div class=\"type\">\n  <div><div class=\"aa\">Aa<\/div><div class=\"aacap\">Poppins<\/div><\/div>\n  <div class=\"spec\">\n    <div class=\"weights\">\n      <span class=\"w3\">Light 300<\/span><span class=\"w4\">Regular 400<\/span><span class=\"w5\">Medium 500<\/span><span class=\"w6\">SemiBold 600<\/span><span class=\"w7\">Bold 700<\/span>\n    <\/div>\n    <div class=\"alpha\">ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>abcdefghijklmnopqrstuvwxyz<br>0123456789 &nbsp; <span class=\"mut\">\u00e9&nbsp;\u00e8&nbsp;\u00e0&nbsp;\u00e7&nbsp;\u00f8&nbsp;\u00e5&nbsp;\u00e6<\/span><\/div>\n    <h2>Cap sur <em>2028<\/em> \u2014 un nouveau campus<\/h2>\n    <p>A clean, geometric sans-serif gives the identity a calm, institutional and trustworthy voice. Poppins carries the whole system \u2014 from headlines to body copy across the trilingual (FR&nbsp;\/&nbsp;NB&nbsp;\/&nbsp;EN) communications.<\/p>\n  <\/div>\n<\/div><\/body><\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"featured_media":401,"template":"","elemenfoliocategory":[5],"uagb_featured_image_src":{"full":["https:\/\/carolinebraillon.com\/wp-content\/uploads\/2026\/07\/thumbnail-branding.png",2800,2100,false],"thumbnail":["https:\/\/carolinebraillon.com\/wp-content\/uploads\/2026\/07\/thumbnail-branding-150x150.png",150,150,true],"medium":["https:\/\/carolinebraillon.com\/wp-content\/uploads\/2026\/07\/thumbnail-branding-300x225.png",300,225,true],"medium_large":["https:\/\/carolinebraillon.com\/wp-content\/uploads\/2026\/07\/thumbnail-branding-768x576.png",768,576,true],"large":["https:\/\/carolinebraillon.com\/wp-content\/uploads\/2026\/07\/thumbnail-branding-1024x768.png",800,600,true],"1536x1536":["https:\/\/carolinebraillon.com\/wp-content\/uploads\/2026\/07\/thumbnail-branding-1536x1152.png",1536,1152,true],"2048x2048":["https:\/\/carolinebraillon.com\/wp-content\/uploads\/2026\/07\/thumbnail-branding-2048x1536.png",2048,1536,true]},"uagb_author_info":{"display_name":"admin_cb","author_link":"https:\/\/carolinebraillon.com\/?author=0"},"uagb_comment_info":0,"uagb_excerpt":"LFO28 is the brand identity I created for Projet LFO 2028, the relocation of the Lyc\u00e9e Fran\u00e7ais d&#8217;Oslo to a new campus at Fornebu, Norway. My role: concept development, logo design, colour palette, typography, digital applications and visual rollout. The compact stacked wordmark combines the school&#8217;s initials with its 2028 horizon. Deep navy brings trust&hellip;","_links":{"self":[{"href":"https:\/\/carolinebraillon.com\/index.php?rest_route=\/wp\/v2\/elemenfolio\/400"}],"collection":[{"href":"https:\/\/carolinebraillon.com\/index.php?rest_route=\/wp\/v2\/elemenfolio"}],"about":[{"href":"https:\/\/carolinebraillon.com\/index.php?rest_route=\/wp\/v2\/types\/elemenfolio"}],"version-history":[{"count":10,"href":"https:\/\/carolinebraillon.com\/index.php?rest_route=\/wp\/v2\/elemenfolio\/400\/revisions"}],"predecessor-version":[{"id":429,"href":"https:\/\/carolinebraillon.com\/index.php?rest_route=\/wp\/v2\/elemenfolio\/400\/revisions\/429"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/carolinebraillon.com\/index.php?rest_route=\/wp\/v2\/media\/401"}],"wp:attachment":[{"href":"https:\/\/carolinebraillon.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=400"}],"wp:term":[{"taxonomy":"elemenfoliocategory","embeddable":true,"href":"https:\/\/carolinebraillon.com\/index.php?rest_route=%2Fwp%2Fv2%2Felemenfoliocategory&post=400"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}