In this comprehensive tutorial, we'll master the creation of our third page layout, focusing on full-page image composition and advanced text frame positioning. Begin by navigating to page three and pressing W to enter Normal view for optimal workspace visibility. Our objective is to create a striking full-bleed image that commands the entire page real estate—a technique favored by leading design agencies for maximum visual impact.
Select the Rectangle Frame Tool and create a frame spanning the complete page dimensions. This establishes our primary content container. Next, we'll import our hero image through CC Libraries, specifically selecting the "House on 44th" photograph. This architectural imagery will serve as our foundational visual element, requiring precise positioning to maximize its storytelling potential.
Drag the image into position and right-click to select "Fit Proportionally"—this maintains the image's aspect ratio while filling our frame. Press A to activate the Selection Tool, then hold Shift while dragging to reveal additional bottom detail. This technique ensures we capture the room's full context, aligning with Domus company's brand strategy of showcasing complete spatial narratives rather than cropped fragments.
Now we'll construct our title treatment using sophisticated layering techniques. Access the Rectangle Tool and create a foundation element, dragging down from the guide to establish a 100-pixel baseline. This measurement follows industry-standard grid systems used by top-tier publications. Extend the rectangle across the full 100-pixel height, then swap Fill and Stroke properties to achieve a rich black background—this creates the dramatic contrast essential for professional typography presentation.
With our background established, we'll craft the headline text. Create a proportional text frame and input "The House on 44th." This title will become our primary typographic focal point, demanding careful attention to both aesthetic and functional considerations.
Select all text using Ctrl+A and apply Chivo Bold typeface—a contemporary font choice that balances readability with architectural sophistication. Set the point size to 30, providing sufficient hierarchy without overwhelming the composition. However, this font selection introduces an important technical consideration that separates amateur from professional typography work.
Notice the gap between our text frame's top edge and the actual letterforms, even with top alignment applied. This spacing issue stems from how different typefaces handle baseline positioning—a critical concept that distinguishes polished design from amateur layouts. Understanding and controlling this behavior is essential for pixel-perfect typography.
To illustrate this principle clearly, temporarily switch from Chivo to Times New Roman Regular (or any system font available on your machine). Observe how the capital letters align precisely to the text frame's top edge when zoomed in. This demonstrates optimal first baseline behavior, where letterforms respect frame boundaries without unwanted gaps.
This alignment precision relates directly to first baseline settings, which we can control through advanced text frame options. Right-click your text frame and select "Text Frame Options" to access these professional-grade controls. Navigate to Baseline Options to examine the current configuration.
The first baseline currently uses "Ascent" offset, which determines where text sits within the frame. Explore the dropdown alternatives: Cap Height, Leading, and X Height. Each option produces different alignment results—for instance, X Height aligns based on lowercase letter height, while Fixed allows manual positioning control. These options provide the precision control necessary for maintaining consistent typography across complex layouts.
Return to Ascent settings temporarily and observe how Times New Roman handles center and bottom alignment—both appear naturally balanced. However, when we reapply Chivo Bold, the alignment issues become apparent. Bottom alignment performs adequately, but top alignment creates that problematic gap, while center alignment appears bottom-heavy rather than truly centered.
This font-specific behavior requires customized baseline adjustments for optimal results. Chivo's letterform construction demands different handling than traditional typefaces, reflecting the evolving nature of contemporary font design. Understanding these nuances enables consistent, professional typography regardless of font choice.
To resolve Chivo's alignment challenges, return to Text Frame Options and modify the Baseline Options. Experiment with different first baseline settings until you achieve proper centering. For Chivo Bold, Cap Height typically provides the most visually balanced results, eliminating the top gap while maintaining center alignment integrity.
With baseline optimization complete, we'll integrate our text with the background rectangle. Zoom out to assess the overall composition, then select the rectangle element. Apply color using your CC Libraries palette—choose the signature green that aligns with your brand guidelines and provides sufficient contrast for white text readability.
Expand your text frame to span the rectangle's full width, ensuring edge-to-edge coverage. Apply center alignment to position the text frame within the rectangle, then triple-click the text itself and select Paragraph Align Center. This dual-alignment approach ensures both the frame and content achieve perfect centering.
The difference in baseline settings becomes immediately apparent when comparing results. Right-click to access Text Frame Options again and temporarily revert to Ascent baseline. Notice how the text appears slightly low within the rectangle—this subtle misalignment would undermine the design's professional appearance. Return to Cap Height for optimal visual balance.
To enhance the title's authority and contemporary appeal, apply all-caps formatting through the Properties panel. Access Properties either through your current workspace configuration or via the Window menu. Position this panel conveniently alongside your Pages panel for efficient workflow management.
Scroll through Properties options to locate the All Caps control—this transformation adds institutional weight appropriate for architectural subject matter. Consider increasing the point size slightly to accommodate the expanded letterforms' visual presence. Use the Selection Tool and press W to evaluate the final result within the complete page context.
Complete this phase by saving your progress with Ctrl+S, establishing a checkpoint before advancing to additional page elements. This systematic approach ensures your work remains secure while building complex, multi-layered compositions.
In our next segment, we'll expand this foundation with additional design elements and content layers. The techniques mastered here—full-bleed imagery, advanced typography controls, and precision text frame management—form the cornerstone of professional publication design.