Final Brief Submission

 

Production: Creating The Grid For the Magazine Part 3

 Intro

After finalizing the high-impact cover and the emotional flow of the feature spread, the next challenge was building a "map" for the reader. A Table of Contents (TOC) is often the most difficult page to design because it requires a perfect marriage of utility and aesthetics. 

For NextGEN Athletics, I didn't want a boring list of page numbers; I wanted a navigational hub that felt as energetic as the athletes we cover.

Today, I’m breaking down how I used a hybrid grid system in Adobe InDesign to organize the various sections of our premiere issue, from "The Lab" to our deep-dive feature on Jorge Rey III.

The Asymmetric Modular Grid

To create this TOC, I moved away from a standard symmetrical layout and implemented an asymmetric hybrid grid. I split the page into two primary zones: a modular column system on the left and a "hero" zone on the right.

• The Modular Left: I used a two-column sub-grid on the left side of the page to house the secondary stories. By using Object Styles in InDesign, I ensured that every "story block" (the page number, the thumbnail, and the blurb) had identical padding and alignment. This creates a rhythmic "scan-ability," allowing the reader to quickly jump from the South Florida Scouting Report to the Gear Guide.

• The Hero Section: The majority of the right side of the spread (60 percent) is designed utilizing our hero image. The image is contained within an image frame that has been created to run right off the top and right edge of the page. A dark translucent overlay box is placed within the image and is perfectly aligned horizontally to the "Table of Contents" title, providing a solid, direct line to each of the spreads on the page. 

 

• The Footer Bar: I cut through the vertical grid at the bottom with a solid black footer bar. This is intended to be an anchor point for the page with the page number as well as the lightning bolt logo; this will give the layout the appearance of being complete and professionally designed.

Analyze: Visual Weight and Navigational Hierarchy

One of the biggest shifts during this part of the project was deciding how much space to give the feature story. Initially, I tried to give all stories equal-sized boxes, but the page felt flat, as it lacked a "pulse." By moving to this asymmetric design, I established a clear visual hierarchy.

The "Silence of the Sidelines" box on Page 32 is the largest element on the page for a reason. It immediately tells the reader what the "star" of this issue is. I chose to use a dark overlay with white and magenta text to create high contrast against the field background. This ensures that the "Page 32" callout is the first thing the eye hits.

The color palette was also a deliberate choice to maintain brand consistency. The magenta accents on "The Feature" and the "Premiere Issue" seal in the top right corner act as "visual breadcrumbs" that link back to the cover.

 I also found that including smaller thumbnails for the other sections, like the "Science of the Snap" rehab feature helped ground the magazine in its dual mission of sports journalism and peer counseling/mental health awareness. It shows that we aren't just reporting scores; we’re looking at the "how" and "why" of the athlete's journey.

Reflect: The Final Blueprint

Creating this TOC was incredibly helpful because it forced me to see the magazine as a cohesive unit rather than just a collection of individual articles. It confirmed that the "NextGEN" aesthetic, bold, high-contrast, and slightly gritty, is exactly where this project needs to stay.

What comes next is the final "pre-flight" check. Now that the main structural elements (Cover, TOC, and Feature) are gridded and styled, I’ll be focused on reading through everything and making sure that there are no errors throughout the magazine. 

Then, in my next post, I will finally be submitting my sports magazine; what a journey it has been these past couple of months as they have been leading up to this product. 

I couldn’t be any more contempt with how my magazine came out and the story that it tells. Thank you for joining me on my journey!

Production: Creating The Grid For the Magazine Part 2

 Intro

In my last post, we looked at how to build a cover that grabs attention. But once the reader flips the page, the challenge changes: you have to sustain that attention through a long-form story. 

For the feature "The Silence of the Sidelines," I had to figure out how to balance Jorge's emotional recovery journey with the fast-paced energy of Everglades High soccer. This required moving away from the single-page logic of the cover and into a complex, multi-column spread.

In this post, I’ll explain how I manipulated the InDesign grid to create a "narrative flow" that guides the reader’s eye from the headline all the way to the final quote.

The 3-Column Columnar System

For the internal feature story, "The Silence of the Sidelines," the grid needs to do more "heavy lifting" than the cover. I moved from a 4-column cover grid to a 3-column columnar grid for the body text.

In InDesign, I set the gutters to 0.1875 inches to ensure readability while maximizing the number of words per page. You can see how the primary text, the "By Noah Leighton" byline and the opening paragraph—adheres strictly to this 3-column structure. 

However, to keep the layout from feeling like a textbook, I used image frames that break the grid. For instance, the central image of Jorge in action spans across two columns, creating a "break" that forces the reader's eye to stop and engage with the visual before moving to the "Return of #8" section. 

I also used text wraps around the chain-link graphic elements to integrate the "pull quotes" into the flow of the narrative.

Balancing Information and Emotion

Building this spread was a lesson in "editorial pacing." When I first started, the page felt too crowded with text. I had to make the difficult choice to cut about 150 words to allow for the "Ghost on the Bench" subhead to have enough white space (negative space) around it.

The use of the magenta pull quotes ("I heard it before I felt it...") acts as a secondary "entry point" for the reader. If someone is just flipping through, those quotes provide the emotional hook. 

The "Tough It Out Myth" section was a late addition; I felt the project was leaning too much into the physical injury and not enough on the "Peer Counseling" side of the athlete's experience. 

Integrating that section required me to shift the bottom-right image, but because I was working on a rigid grid, I was able to swap the text and image positions while maintaining a perfect horizontal alignment at the bottom of the page.

Reflect: 

Reflecting on this layout, I feel I’m definitely on the right track with the "professionalism" of the typography. 

The next step is to tackle the table of contents section in my magazine. This will require a more technical, infographic-heavy layout, which will be a challenge compared to this photo-driven feature. I plan to use the same 3-column base but incorporate more "call-out" boxes. I need to ensure the "Gators" branding remains consistent.

Production: Creating The Grid For the Magazine Part 1

 Intro

Welcome back to the "NextGEN Athletics" design log. As I move into the final stages of my sports journalism portfolio, I’ve realized that a magazine is only as strong as its cover. It’s the "hook" that has to stop a reader in their tracks. 

For the premiere issue featuring Jorge Rey III, I wanted to move beyond just a "cool photo" and actually engineer a layout that felt balanced, authoritative, and modern. 

This week, I’m diving deep into the Adobe InDesign workspace to show you exactly how the "skeleton" of the cover came together and why the grid is the most important tool in a designer's kit.

The Architecture of the First Impression

When I sat down in Adobe InDesign to build the cover for the premiere issue of NextGEN Athletics, my primary goal was to create a structural "skeleton" that could support bold typography without suffocating the photography.

I utilized a modular grid system with a standard four-column layout as my base. This allowed me to align the masthead "NextGEN Athletics" perfectly across the top margin, ensuring the branding remained the dominant visual element. 

To handle the cover lines at the bottom, I employed a baseline grid to keep the text leading consistent across the left and right clusters ("The Warmup" and "The Mental Game").

The focal point—the shot of Jorge Rey III—was placed on its own layer to allow for a slight overlap (overprinting) effect with the "GatorS" logo and the main headline. 

I used a 0.5-inch margin on all sides to ensure the barcode and the "2026 Award" seal wouldn't be lost in the trim, while the photography itself utilizes a full bleed to give it that high-end, national-magazine feel.

Color, Contrast, and Narrative Choices

I've made a large leap from my original idea of using a more traditional “sports red” color scheme and instead chosen to use a vibrant pink against a dark jersey and green field. I thought it was important that the magazine called “NextGEN” had a modern, disruptive look. 

I intentionally placed the phrase “THE LONG WAY BACK” right across Jorge’s injured/white wrapped arm in order to connect the headline typography to the story’s reality. I considered using a heavy sans-serif font; this would help illustrate the “weightiness” of the subject matter by matching the gravity of the thought behind an injury.

I initially considered using a different location to place the “Premiere Issue” seal but noticed that using a grid helped guide me to position it at the top right, which helped balance out the “Athletics” text on the left of the page. 

This created a visual triangle that leads the reader’s eye from the masthead at the top of the page, to the “Premiere Issue” seal in the center of the page and lastly to The Long Way Back.

Reflect: Where the Cover Leads

This cover has set the visual "DNA" for the rest of the magazine. Looking back, I’m glad I moved away from a cluttered layout. The "less is more" approach makes the Jorge Rey III feature feel like an event rather than just another article.

Next for the project is to continue the gridding, and grid my feature article.