{"id":135,"date":"2025-01-27T00:12:08","date_gmt":"2025-01-27T00:12:08","guid":{"rendered":"https:\/\/alemu.ca\/?page_id=135"},"modified":"2025-03-24T23:46:55","modified_gmt":"2025-03-24T23:46:55","slug":"architecture-magazine","status":"publish","type":"page","link":"https:\/\/alemu.ca\/?page_id=135","title":{"rendered":"Architecture Magazine"},"content":{"rendered":"\n<div class=\"wp-block-group alignwide has-global-padding is-layout-constrained wp-container-core-group-is-layout-1cd70c73 wp-block-group-is-layout-constrained\">\n<head>\n    <style>\n    body {background-color: #F7ECEB;}\n    .main-content {padding: 3em 5em 3em 5em; display: flex; justify-content: center; flex-direction: column; align-items: center; row-gap: 2em; background-color: #FFFFFF; border-radius: 2em;}\n    h1   {color: #1A0B12; font-family: \"Clash Display Variable\"; font-weight: 800;}\n    p    {color: #1A0B12; font-family: Ubuntu;}\n    .description-blocks {display: flex; flex-direction: row; column-gap: 3em; justify-content: space-evenly; flex: 1 0;}\n    .project-description {display: flex; flex-direction: column; flex: 1 0; box-shadow: 0 4px 4px 0 rgb(0 0 0 \/ 0.3); border-radius: 10px; padding: 1em 1em 1em 2em}\n    .subheading {color: #1A0B12; font-family: \"Clash Display Variable\"; font-weight: 500;}\n    .timeline {display: flex; flex-direction: column; text-align: right; flex: 1 0; box-shadow: 0 4px 4px 0 rgb(0 0 0 \/ 0.3); border-radius: 10px; padding: 1em 2em 1em 1em}\n    .img-label {display: flex; box-shadow: 0 4px 4px 0 rgb(0 0 0 \/ 0.3); border-radius: 10px; padding: 0.5em 3em 0.5em 3em; flex: 1; max-height: 70px;}\n    .mockup-photos {display: flex; flex-direction: row; justify-content: center; column-gap: 1em;}\n    .can-photo {max-width: 300px;}\n    .front-cover {display: flex; flex-direction: row; column-gap: 3em;}\n    .column-1 {display: flex; flex-direction: column; row-gap: 1em;}\n    .column-2 {display: flex; flex-direction: column; row-gap: 1em; justify-content: space-between;}\n    .cover-img {max-width: 500px;}\n    .thumbnails {max-width: 550px;}\n    .img-spread {display: flex; flex-direction: row; justify-content: center; gap: 0;}\n    .img-spreadimg {max-width: 500px;}\n    @media screen and (max-width: 400px) {\n        .main-content {padding: 1em; display: flex; justify-content: center; flex-direction: column; align-items: center}\n        .description-blocks {display: flex; flex-direction: column; row-gap: 3px; justify-content: space-evenly;}\n        .timeline {display: flex; flex-direction: column; text-align: left;}\n        .front-cover {display: flex; flex-direction: column; row-gap: 1em;}\n        .img-label {max-width: 300px;}\n        .column-1 {display: flex; flex-direction: column;}\n        .cover-img {max-width: 300px;}\n        .thumbnails {max-width: 300px;}\n        .img-spreadimg {max-width: 150px;}\n    }\n    <\/style>\n    <\/head>\n    <body>\n        <div class=\"main-content\">\n            <div class=\"description-blocks\">\n                <div class=\"project-description\">\n                    <h2 class=\"subheading\">Project Description<\/h2>\n                    <p>The intention for this project was to create an appealing and well-thought-out design for a magazine about futuristic architecture. For the main style and colour design of the magazine, cool colours were chosen as they reflect a more futuristic look, as cool tones such as purple or blue are often associated with sci-fi and technology. The font chosen for the title, Anhva, is made to evoke a futuristic feeling, with its sharp angles and geometric shapes. The magazine is meant to come across not only as a reliable source of information about futuristic architecture, but as a project that was made with passion and genuine love for design and architecture as well.<\/p>\n                <\/div>\n                <div class=\"timeline\">\n                    <h2 class=\"subheading\">Timeline<\/h2>\n                    <p>10 Weeks<\/p>\n                    <h2 class=\"subheading\">Programs Used<\/h2>\n                    <p>Adobe Photoshop, Illustrator, InDesign<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"front-cover\">\n                <div class=\"column-1\">\n                    <img decoding=\"async\" src=\"https:\/\/alemu.ca\/wp-content\/uploads\/2025\/01\/Closed-Magazine-Mockup.png\" class=\"cover-img\"\/>\n                    <div class=\"img-label\">\n                        <p>Magazine Front Cover<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"column-2\">\n                    <img decoding=\"async\" src=\"https:\/\/alemu.ca\/wp-content\/uploads\/2025\/01\/Screenshot-2025-01-26-163202.png\" class=\"thumbnails\"\/>\n                    <div class=\"img-label\">\n                        <p>Initial Layout Thumbnails<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"img-spread\">\n                <img decoding=\"async\" src=\"https:\/\/alemu.ca\/wp-content\/uploads\/2025\/01\/design-midterm1.png\" class=\"img-spreadimg\"\/>\n                <img decoding=\"async\" src=\"https:\/\/alemu.ca\/wp-content\/uploads\/2025\/01\/design-midterm12.png\" class=\"img-spreadimg\"\/>\n            <\/div>\n            <div class=\"img-spread\">\n                <img decoding=\"async\" src=\"https:\/\/alemu.ca\/wp-content\/uploads\/2025\/01\/design-2.png\" class=\"img-spreadimg\"\/>\n                <img decoding=\"async\" src=\"https:\/\/alemu.ca\/wp-content\/uploads\/2025\/01\/design-22.png\"class=\"img-spreadimg\"\/>\n            <\/div>\n            <div class=\"img-spread\">\n                <img decoding=\"async\" src=\"https:\/\/alemu.ca\/wp-content\/uploads\/2025\/01\/design-midterm3.png\" class=\"img-spreadimg\"\/>\n                <img decoding=\"async\" src=\"https:\/\/alemu.ca\/wp-content\/uploads\/2025\/01\/design-midterm32.png\" class=\"img-spreadimg\"\/>\n            <\/div>\n            <div class=\"img-label\">\n                <p>Page Spreads<\/p>\n            <\/div>\n        <\/div>\n    \n    <\/body>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Project Description The intention for this project was to create an appealing and well-thought-out design for a magazine about futuristic architecture. For the main style and colour design of the magazine, cool colours were chosen as they reflect a more futuristic look, as cool tones such as purple or blue are often associated with sci-fi [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-135","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alemu.ca\/index.php?rest_route=\/wp\/v2\/pages\/135","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alemu.ca\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alemu.ca\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alemu.ca\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alemu.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=135"}],"version-history":[{"count":5,"href":"https:\/\/alemu.ca\/index.php?rest_route=\/wp\/v2\/pages\/135\/revisions"}],"predecessor-version":[{"id":390,"href":"https:\/\/alemu.ca\/index.php?rest_route=\/wp\/v2\/pages\/135\/revisions\/390"}],"wp:attachment":[{"href":"https:\/\/alemu.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}