{"product_id":"grid-course","title":"Grid Course","description":"\u003cdiv class=\"text-base my-auto mx-auto [--thread-content-margin:var(--thread-content-margin-xs,calc(var(--spacing)*4))] @w-sm\/main:[--thread-content-margin:var(--thread-content-margin-sm,calc(var(--spacing)*6))] @w-lg\/main:[--thread-content-margin:var(--thread-content-margin-lg,calc(var(--spacing)*16))] px-(--thread-content-margin)\"\u003e\n\u003cdiv class=\"[--thread-content-max-width:40rem] @w-lg\/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group\/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col agent-turn\"\u003e\n\u003cdiv class=\"flex max-w-full flex-col gap-4 grow\"\u003e\n\u003cdiv data-message-author-role=\"assistant\" data-message-id=\"42e1be2c-85b9-438e-b05c-331ad12d1772\" dir=\"auto\" data-message-model-slug=\"gpt-5-5-thinking\" class=\"min-h-8 text-message relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal outline-none keyboard-focused:focus-ring [.text-message+\u0026amp;]:mt-1\"\u003e\n\u003cdiv class=\"flex w-full flex-col gap-1 empty:hidden\"\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert w-full wrap-break-word light markdown-new-styling\"\u003e1. Problem Statement\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert w-full wrap-break-word light markdown-new-styling\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert w-full wrap-break-word light markdown-new-styling\"\u003eStruggling to arrange a portfolio so it feels organized on every page? This is a common issue when you already have several cases, texts, process materials, details, and final visuals, but the full presentation still feels uneven. One page may have too much empty space, another may feel too dense, and a third may fall out of the overall rhythm. Because of this, even interesting works may appear less organized than they actually are. \u003cstrong data-start=\"8719\" data-end=\"8734\"\u003eGrid Course\u003c\/strong\u003e is created to help build a portfolio around grid logic, block structure, and careful visual discipline.\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert w-full wrap-break-word light markdown-new-styling\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert w-full wrap-break-word light markdown-new-styling\"\u003e2. Solution\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert w-full wrap-break-word light markdown-new-styling\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert w-full wrap-break-word light markdown-new-styling\"\u003eThis course will teach you how to work with page structure, grids, spacing, scale, and block sequence in a portfolio. You will explore how one grid system can support different cases without making them look identical. The materials help you understand how text, images, process details, and captions can coexist without chaos. The plan focuses on precise arrangement, clean presentation, and clear movement through the collection. As a result, you can better control the appearance of your portfolio and create pages where every element has its place.\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert w-full wrap-break-word light markdown-new-styling\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert w-full wrap-break-word light markdown-new-styling\"\u003e3. What’s Inside\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert w-full wrap-break-word light markdown-new-styling\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert w-full wrap-break-word light markdown-new-styling\"\u003eModule 1: Grid as Invisible Support\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert w-full wrap-break-word light markdown-new-styling\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert w-full wrap-break-word light markdown-new-styling\"\u003eThe first module explains why a grid is an important part of a portfolio, even when it is not directly visible. You will review basic grid types: column, modular, asymmetrical, and simple linear structure. The materials show how a grid helps place images, text blocks, captions, process materials, and details so the page does not fall apart. You will also see how one grid can create a sense of order for works with different moods. In the practical part, you will create a basic grid scheme for a future portfolio page.\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert w-full wrap-break-word light markdown-new-styling\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert w-full wrap-break-word light markdown-new-styling\"\u003eModule 2: Spacing and Air\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert w-full wrap-break-word light markdown-new-styling\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert w-full wrap-break-word light markdown-new-styling\"\u003eThe second module is dedicated to the space between elements. A portfolio often feels overloaded not because there are too many works, but because the distance between blocks is not handled carefully. You will learn to notice where a page needs more air and where elements can stand closer together. The materials explain the difference between random empty space and thoughtful spacing that helps the page read better. The practical task is to take one case page, create several versions with different spacing, and compare them.\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert w-full wrap-break-word light markdown-new-styling\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert w-full wrap-break-word light markdown-new-styling\"\u003eModule 3: Image Scale\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert w-full wrap-break-word light markdown-new-styling\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert w-full wrap-break-word light markdown-new-styling\"\u003eIn this module, you work with visual size. The same case can be perceived differently depending on how large the main fragment is, how details are shown, and how much room the process takes. You will explore when an image should be larger and when it should remain part of a group. The course explains how scale helps create hierarchy: main, secondary, and supporting elements. In the practical part, you will create several page versions with different image scales.\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert w-full wrap-break-word light markdown-new-styling\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert w-full wrap-break-word light markdown-new-styling\"\u003eModule 4: Text Within the Grid\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert w-full wrap-break-word light markdown-new-styling\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert w-full wrap-break-word light markdown-new-styling\"\u003eThe fourth module helps organize the written part of a portfolio. You will review how to place titles, short descriptions, process captions, technical notes, and closing explanations. The materials show how text can support a visual system when it has consistent size, rhythm, and placement. You will also learn how to shorten a description when it takes too much attention. The module task is to create a text grid for one case and check whether the eye can move easily from title to details.\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert w-full wrap-break-word light markdown-new-styling\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert w-full wrap-break-word light markdown-new-styling\"\u003eModule 5: Repeating Blocks\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert w-full wrap-break-word light markdown-new-styling\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert w-full wrap-break-word light markdown-new-styling\"\u003eThe fifth module is dedicated to blocks that repeat from case to case. This may include an opening block, main image, process page, details, closing note, or a short list of decisions. You will see how repetition helps a portfolio feel organized, even when the works differ in style. The course explains that repetition does not mean sameness; it creates a familiar frame where each work can keep its own character. The practical task is to define a set of blocks that will be used across several cases.\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert w-full wrap-break-word light markdown-new-styling\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert w-full wrap-break-word light markdown-new-styling\"\u003eModule 6: Process Page\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert w-full wrap-break-word light markdown-new-styling\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert w-full wrap-break-word light markdown-new-styling\"\u003eThe sixth module focuses on arranging process materials inside a grid system. You will learn how to place sketches, composition options, palettes, type tests, and notes so they do not look like a random pile of materials. The materials explain how to choose the number of fragments, how to group them, and where to add short explanations. Rhythm is also reviewed: the process should show the development of thought, not overload the page. In practice, you will create a process block for one case.\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert w-full wrap-break-word light markdown-new-styling\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert w-full wrap-break-word light markdown-new-styling\"\u003eModule 7: Aligning Several Cases\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert w-full wrap-break-word light markdown-new-styling\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert w-full wrap-break-word light markdown-new-styling\"\u003eIn this module, you work not with one page, but with several cases inside the portfolio. You will check whether they share a common rhythm, whether titles behave consistently, whether text size changes randomly, and whether spacing and blocks are maintained. The course helps notice small differences that can make the collection feel less organized. You will create short presentation rules: main visual size, description placement, caption format, and number of details. This helps keep order across the whole collection.\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert w-full wrap-break-word light markdown-new-styling\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert w-full wrap-break-word light markdown-new-styling\"\u003eModule 8: Final Collection Edit\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert w-full wrap-break-word light markdown-new-styling\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert w-full wrap-break-word light markdown-new-styling\"\u003eThe final module is dedicated to the final review of the grid structure. You move through the portfolio page by page and check whether there is consistent rhythm, whether random breaks appear, whether unnecessary blocks remain, and whether all captions have meaning. The materials offer an editing checklist: grid, spacing, scale, text, repetition, process, and closing section. The module task is to prepare a cleaner learning version of the portfolio where structure helps the works feel organized and understandable. This is not a final point forever, but a tidy base for further updates.\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert w-full wrap-break-word light markdown-new-styling\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert w-full wrap-break-word light markdown-new-styling\"\u003e4. Who is this for?\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert w-full wrap-break-word light markdown-new-styling\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert w-full wrap-break-word light markdown-new-styling\"\u003e✅ \u003cstrong data-start=\"13876\" data-end=\"13896\"\u003eGood fit if you:\u003c\/strong\u003e\n\u003cul data-start=\"13899\" data-end=\"14320\"\u003e\n\u003cli data-section-id=\"1fnfcne\" data-start=\"13899\" data-end=\"13950\"\u003ealready have several works or cases to arrange;\u003c\/li\u003e\n\u003cli data-section-id=\"1qi0ean\" data-start=\"13951\" data-end=\"13998\"\u003ewant to make your portfolio more organized;\u003c\/li\u003e\n\u003cli data-section-id=\"tfk95g\" data-start=\"13999\" data-end=\"14068\"\u003efeel that pages have different rhythms and do not always connect;\u003c\/li\u003e\n\u003cli data-section-id=\"bbudri\" data-start=\"14069\" data-end=\"14124\"\u003ewant to work better with spacing, grids, and scale;\u003c\/li\u003e\n\u003cli data-section-id=\"1rfnpf2\" data-start=\"14125\" data-end=\"14204\"\u003ehave text, process, and details, but do not know how to place them cleanly;\u003c\/li\u003e\n\u003cli data-section-id=\"v4xbfd\" data-start=\"14205\" data-end=\"14255\"\u003evalue careful structure and calm presentation;\u003c\/li\u003e\n\u003cli data-section-id=\"hesezp\" data-start=\"14256\" data-end=\"14320\"\u003ewant to prepare the portfolio for a more organized appearance.\u003c\/li\u003e\n\u003c\/ul\u003e\n❌ \u003cstrong data-start=\"14324\" data-end=\"14347\"\u003eNot for you if you:\u003c\/strong\u003e\n\u003cul data-start=\"14350\" data-end=\"14703\"\u003e\n\u003cli data-section-id=\"179vbvh\" data-start=\"14350\" data-end=\"14410\"\u003eexpect claims about work, clients, or financial results;\u003c\/li\u003e\n\u003cli data-section-id=\"ar100o\" data-start=\"14411\" data-end=\"14479\"\u003ewant a fully arranged collection without your own participation;\u003c\/li\u003e\n\u003cli data-section-id=\"7bxioa\" data-start=\"14480\" data-end=\"14528\"\u003edo not have materials that can be organized;\u003c\/li\u003e\n\u003cli data-section-id=\"10sbinm\" data-start=\"14529\" data-end=\"14581\"\u003eare looking for training tied to named software;\u003c\/li\u003e\n\u003cli data-section-id=\"1j5nczj\" data-start=\"14582\" data-end=\"14643\"\u003edo not want to work with page details, spacing, and text;\u003c\/li\u003e\n\u003cli data-section-id=\"1524whn\" data-start=\"14644\" data-end=\"14703\"\u003eexpect individual editing of every page within this plan.\u003c\/li\u003e\n\u003c\/ul\u003e\n5. What You’ll Learn\n\u003cul data-start=\"14730\" data-end=\"15299\"\u003e\n\u003cli data-section-id=\"1vu3k2w\" data-start=\"14730\" data-end=\"14784\"\u003eHow to use a grid as the base of a portfolio page.\u003c\/li\u003e\n\u003cli data-section-id=\"6xl700\" data-start=\"14785\" data-end=\"14839\"\u003eHow to work with spacing and space between blocks.\u003c\/li\u003e\n\u003cli data-section-id=\"1mxrxzv\" data-start=\"14840\" data-end=\"14898\"\u003eHow to define the scale of main and supporting images.\u003c\/li\u003e\n\u003cli data-section-id=\"xiqgsn\" data-start=\"14899\" data-end=\"14944\"\u003eHow to place text inside a visual system.\u003c\/li\u003e\n\u003cli data-section-id=\"1e8gpnm\" data-start=\"14945\" data-end=\"14998\"\u003eHow to create repeating blocks for several cases.\u003c\/li\u003e\n\u003cli data-section-id=\"13o3l6k\" data-start=\"14999\" data-end=\"15050\"\u003eHow to arrange a process page without overload.\u003c\/li\u003e\n\u003cli data-section-id=\"ypai08\" data-start=\"15051\" data-end=\"15100\"\u003eHow to align several cases in one collection.\u003c\/li\u003e\n\u003cli data-section-id=\"ia3kv6\" data-start=\"15101\" data-end=\"15154\"\u003eHow to create presentation rules for a portfolio.\u003c\/li\u003e\n\u003cli data-section-id=\"9x5ktd\" data-start=\"15155\" data-end=\"15215\"\u003eHow to review pages by grid, rhythm, and visual clarity.\u003c\/li\u003e\n\u003cli data-section-id=\"nyo6h3\" data-start=\"15216\" data-end=\"15299\"\u003eHow to prepare a tidy learning version of the collection for further development.\u003c\/li\u003e\n\u003c\/ul\u003e\n6. Refund Terms\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert w-full wrap-break-word light markdown-new-styling\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert w-full wrap-break-word light markdown-new-styling\"\u003eFor \u003cstrong data-start=\"15325\" data-end=\"15340\"\u003eGrid Course\u003c\/strong\u003e, a 30-day refund request period may apply according to the Artivona store policy. Before placing an order, the buyer should review the refund policy, material description, and course usage terms. The plan does not include claims about employment, clients, financial figures, or defined external outcomes. The materials are intended for study, practice, page structuring, and portfolio organization. If the course format does not match expectations, requests are reviewed according to the rules published in the store.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Artivona","offers":[{"title":"Default Title","offer_id":52931332866395,"sku":null,"price":420.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1010\/4750\/1147\/files\/grid.jpg?v=1778145986","url":"https:\/\/artivona.us\/products\/grid-course","provider":"Artivona","version":"1.0","type":"link"}