Personalized Graduation Achievement Poster
/* ======================================== ALLCUSTOM PRODUCT DESCRIPTION PREMIUM DESIGN SYSTEM - SCOPED STYLES ======================================== */ /* === CONTAINER & RESET S === */ .allcustom-product-description, .allcustom-product-description * { box-sizing: border-box; } .allcustom-product-description { width: 100%; max-width: 900px; margin: 0 auto; padding: 0; overflow-x: hidden; font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif; color: #925957; line-height: 1.8; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* === HERO SECTION === */ .allcustom-pd-hero { background: linear-gradient(135deg, #fdfaf7 0%, #f8f5ed 100%); border-radius: 10px; padding: 30px 28px; margin-bottom: 20px; border: 1px solid rgba(146, 89, 87, 0.12); box-shadow: 0 4px 16px rgba(109, 36, 36, 0.06); } .allcustom-pd-hero h2 { font-size: 24px; font-weight: 600; color: #6d2424; line-height: 1.3; letter-spacing: -0.01em; margin: 0 0 16px 0; border-bottom: 1px solid rgba(146, 89, 87, 0.15); padding-bottom: 12px; } .allcustom-pd-hero p { font-size: 16px; color: #925957; line-height: 1.75; margin: 0 0 16px 0; } .allcustom-pd-hero p:last-child { margin-bottom: 0; } .allcustom-pd-hero strong { color: #6d2424; font-weight: 600; } .allcustom-pd-hero em { color: #6d2424; font-style: italic; } /* === FEATURE SECTIONS === */ .allcustom-pd-section { background: #ffffff; border-radius: 8px; padding: 24px 26px; margin-bottom: 16px; border: 1px solid rgba(146, 89, 87, 0.12); box-shadow: 0 2px 8px rgba(109, 36, 36, 0.04); transition: all 0.25s ease; } .allcustom-pd-section:hover { box-shadow: 0 4px 12px rgba(109, 36, 36, 0.08); border-color: rgba(146, 89, 87, 0.18); } .allcustom-pd-section h3 { font-size: 18px; font-weight: 600; color: #6d2424; line-height: 1.3; margin: 0 0 14px 0; display: flex; align-items: center; gap: 10px; } .allcustom-pd-icon { width: 20px; height: 20px; flex-shrink: 0; transform: translateZ(0); } .allcustom-pd-icon svg { width: 100%; height: 100%; display: block; } .allcustom-pd-section p { font-size: 15px; color: #925957; line-height: 1.75; margin: 0; } .allcustom-pd-section ul { margin: 0; padding-left: 22px; list-style: none; } .allcustom-pd-section ul li { font-size: 15px; color: #925957; line-height: 1.75; margin-bottom: 10px; padding-left: 8px; position: relative; } .allcustom-pd-section ul li:last-child { margin-bottom: 0; } .allcustom-pd-section ul li::before { content: '•'; position: absolute; left: -14px; color: #6d2424; font-weight: 700; font-size: 18px; } .allcustom-pd-section strong { color: #6d2424; font-weight: 600; } /* === GUARANTEE SECTION === */ .allcustom-pd-guarantee { background: linear-gradient(135deg, #f8f5ed 0%, #fdfaf7 100%); border-radius: 8px; padding: 22px 26px; margin-bottom: 16px; border: 2px solid rgba(109, 36, 36, 0.15); box-shadow: 0 3px 12px rgba(109, 36, 36, 0.08); text-align: center; } .allcustom-pd-guarantee p { font-size: 16px; font-weight: 600; color: #6d2424; line-height: 1.6; margin: 0; } /* === CTA SECTION === */ .allcustom-pd-cta { background: linear-gradient(135deg, #6d2424 0%, #7d3030 100%); border-radius: 10px; padding: 28px 26px; text-align: center; border: 2px solid #6d2424; box-shadow: 0 6px 20px rgba(109, 36, 36, 0.15); } .allcustom-pd-cta h3 { font-size: 18px; font-weight: 600; font-style: italic; color: #ffffff !important; line-height: 1.5; margin: 0; } /* === RESPONSIVE BREAKPOINTS === */ /* Tablet - Large (≤989px) */ @media (max-width: 989px) { .allcustom-pd-hero { padding: 28px 24px; } .allcustom-pd-hero h2 { font-size: 22px; } .allcustom-pd-section { padding: 22px 24px; } .allcustom-pd-section h3 { font-size: 17px; } .allcustom-pd-guarantee, .allcustom-pd-cta { padding: 20px 24px; } } /* Mobile - Standard (≤749px) */ @media (max-width: 749px) { .allcustom-pd-hero { padding: 24px 20px; margin-bottom: 16px; } .allcustom-pd-hero h2 { font-size: 20px; margin-bottom: 14px; } .allcustom-pd-hero p { font-size: 15px; } .allcustom-pd-section { padding: 20px 20px; margin-bottom: 14px; } .allcustom-pd-section h3 { font-size: 16px; gap: 8px; } .allcustom-pd-icon { width: 18px; height: 18px; } .allcustom-pd-section p, .allcustom-pd-section ul li { font-size: 14px; } .allcustom-pd-guarantee { padding: 18px 20px; } .allcustom-pd-guarantee p { font-size: 15px; } .allcustom-pd-cta { padding: 24px 20px; } .allcustom-pd-cta h3 { font-size: 16px; } } /* Mobile - XS (≤480px) */ @media (max-width: 480px) { .allcustom-pd-hero { padding: 22px 16px; } .allcustom-pd-hero h2 { font-size: 19px; } .allcustom-pd-hero p { font-size: 14px; } .allcustom-pd-section { padding: 18px 16px; } .allcustom-pd-section h3 { font-size: 15px; } .allcustom-pd-icon { width: 17px; height: 17px; } .allcustom-pd-section p, .allcustom-pd-section ul li { font-size: 13px; } .allcustom-pd-guarantee { padding: 16px 16px; } .allcustom-pd-guarantee p { font-size: 14px; } .allcustom-pd-cta { padding: 22px 16px; } .allcustom-pd-cta h3 { font-size: 15px; } } /* Mobile - XXS (≤400px) */ @media (max-width: 400px) { .allcustom-pd-hero h2 { font-size: 18px; } .allcustom-pd-section h3 { font-size: 14px; } .allcustom-pd-cta h3 { font-size: 14px; } } /* === ACCESSIBILITY === */ @media (prefers-reduced-motion: reduce) { .allcustom-pd-section { transition: none; } .allcustom-pd-icon { transform: none; } } @media (prefers-contrast: high) { .allcustom-pd-hero, .allcustom-pd-section, .allcustom-pd-guarantee, .allcustom-pd-cta { border-width: 2px; } } Celebrate Their Success — With the Place Where It All Happened Mark their graduation milestone with a personalized poster that honors not just what they achieved, but where they made it happen. This custom graduation map cap design features a detailed map of their university city displayed on the cap — a meaningful way to celebrate the place that shaped their journey. Add their name, degree, university, and a title that captures the moment — whether it's "I did it," "Mastered it," "Senior," or a custom message that's uniquely theirs. The result is a keepsake that feels personal, powerful, and ready to display. How it's personalized Search and select the location where they graduated, and watch it appear as a custom map on the graduation cap. Choose your preferred map style and color, then add a meaningful title, their name, degree or major, and university name to complete the design. Display options Available framed only — black or white frame ready to hang (A4 size). Made to order and created just for you Created exactly as you preview it. Hand-checked with care and thoughtfully packaged. Premium quality Designed and printed in New Zealand with archival inks on premium matte paper. Love it, or we'll reprint — no questions asked. Create your personalized graduation achievement poster — celebrate where they succeeded and make it a memory worth framing.
More you might like
Related
Personalized Graduation Cap Accent Charm for Celebrating Ach
Related
Personalized Congrats Gift for Graduation, New Job or Achiev
Related
Master's Degree Gift – Personalized Graduation Candle | Uniq
Related