Preview image. Unlock full-res
Modular design system pairing an orange text rectangle with a black image-and-accent card, unified by sans-serif typography and bold orange-on-black contrast.
Summary
Modular design system pairing an orange text rectangle with a black image-and-accent card, unified by sans-serif typography and bold orange-on-black contrast.
Visual description
Two vertically stacked cards on a black background. Left card: solid orange rectangle filled with black sans-serif body text describing the studio, no image. Right card: black rectangle anchored by a grayscale portrait photo (shoulders/head) with a small orange accent box overlaid at bottom-right containing key descriptors. Both cards use tight letter-spacing and small caps. The orange hue (#FF3D22) remains consistent across both modules as the sole accent color. Negative space between cards creates rhythm; overall layout is rigid, geometric, and grid-based.
Key takeaway
Modular identity system where text and image cards play different roles but share typography and color. The technique of using a single warm accent on a strictly dark palette for maximum pop without diluting the system.
Reuse notes
Excellent template for design studios, creative agencies, or portfolios combining text-forward messaging with team/personality photography. The modular structure scales to multiple cards. Works best with strong portraits or photography; text must be legible at scale. Only works on dark backgrounds.
