Outside The Lines: Playbook For Life After Sports (High School Edition)
Outside The Lines — High School Edition | Missing The Pieces *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } :root { --black: #080808; --black-mid: #11111 1; --black-soft: #1a1a1a; --gold: #C9A84C; --gold-light: #E2C47A; --gold-dim: #7a6230; --white: #FAFAF8; --gray: #888880; } ``` .otl-wrap { background: var(--black); color: var(--white); font-family: 'Barlow', sans-serif; font-weight: 300; line-height: 1.6; width: 100%; } .otl-wrap * { box-sizing: border-box; } /* BUTTONS */ .otl-btn-gold { font-family: 'Barlow Condensed', sans-serif; font-size: 0.85rem; letter-spacing: 0.22em; text-transform: uppercase; font-weight: 600; color: var(--black); background: var(--gold); padding: 1.1rem 3rem; text-decoration: none; display: inline-block; } .otl-btn-gold:hover { background: var(--gold-light); color: var(--black); } .otl-btn-outline { font-family: 'Barlow Condensed', sans-serif; font-size: 0.85rem; letter-spacing: 0.22em; text-transform: uppercase; font-weight: 500; color: var(--gold); padding: 1.1rem 2rem; text-decoration: none; border: 1px solid var(--gold-dim); display: inline-block; } .otl-btn-outline:hover { border-color: var(--gold); color: var(--gold-light); } .otl-btn-white { font-family: 'Barlow Condensed', sans-serif; font-size: 0.85rem; letter-spacing: 0.22em; text-transform: uppercase; font-weight: 500; color: var(--white); padding: 1.1rem 2rem; text-decoration: none; border: 1px solid rgba(255,255,255,0.35); display: inline-block; } .otl-btn-white:hover { border-color: var(--white); } .otl-divider { height: 1px; background: linear-gradient(to right, transparent, var(--gold-dim), transparent); } .otl-field-divider { height: 2px; background: linear-gradient(to right, transparent, rgba(255,255,255,0.2), transparent); } /* HERO */ .otl-hero { background: var(--black); padding: 5rem 5%; position: relative; overflow: hidden; text-align: center; } .otl-hero::before { content: ''; position: absolute; top: 3rem; left: 5%; right: 5%; height: 2px; background: linear-gradient(to right, transparent, rgba(255,255,255,0.18), transparent); } .otl-hero::after { content: ''; position: absolute; bottom: 3rem; left: 5%; right: 5%; height: 2px; background: linear-gradient(to right, transparent, rgba(255,255,255,0.18), transparent); } .otl-hero-vline-l { position: absolute; top: 3rem; bottom: 3rem; left: 15%; width: 1px; background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.08), transparent); } .otl-hero-vline-r { position: absolute; top: 3rem; bottom: 3rem; right: 15%; width: 1px; background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.08), transparent); } .otl-hash { position: absolute; background: rgba(255,255,255,0.2); } .otl-hash-1 { width: 20px; height: 2px; bottom: 3rem; left: calc(15% - 10px); } .otl-hash-2 { width: 20px; height: 2px; bottom: 3rem; right: calc(15% - 10px); } .otl-sport-tag { display: inline-block; font-family: 'Barlow Condensed', sans-serif; font-size: 0.65rem; letter-spacing: 0.3em; text-transform: uppercase; color: var(--white); border: 1px solid rgba(255,255,255,0.3); padding: 0.4rem 1.4rem; margin-bottom: 2rem; } .otl-hero-eyebrow { font-family: 'Barlow Condensed', sans-serif; font-size: 0.7rem; letter-spacing: 0.35em; text-transform: uppercase; color: var(--gold); margin-bottom: 1.5rem; display: block; } .otl-hero-title { font-family: 'Cormorant Garamond', serif; font-size: clamp(4rem, 10vw, 9rem); font-weight: 300; line-height: 0.9; color: var(--white); margin-bottom: 0.3rem; } .otl-hero-title-sub { font-family: 'Cormorant Garamond', serif; font-size: clamp(2rem, 5vw, 4.5rem); font-weight: 300; font-style: italic; color: var(--gold); margin-bottom: 2.5rem; } .otl-hero-line { width: 60%; max-width: 600px; height: 3px; background: linear-gradient(to right, transparent, rgba(255,255,255,0.7), transparent); margin: 0 auto 2.5rem; } .otl-hero-sub { font-size: 1.1rem; color: var(--gray); line-height: 1.8; max-width: 640px; margin: 0 auto 2.5rem; } .otl-hero-sub strong { color: var(--white); font-weight: 400; } .otl-price-block { display: flex; align-items: center; gap: 1.5rem; margin-bottom: 2.5rem; justify-content: center; } .otl-price { font-family: 'Cormorant Garamond', serif; font-size: 4rem; font-weight: 600; color: var(--gold); line-height: 1; } .otl-price-meta { font-size: 0.9rem; color: var(--gray); text-align: left; } .otl-price-meta s { display: block; } .otl-hero-actions { display: flex; gap: 1.2rem; justify-content: center; flex-wrap: wrap; } /* STAT BAR */ .otl-stat-bar { display: flex; justify-content: center; background: var(--black-soft); border-top: 2px solid rgba(255,255,255,0.1); border-bottom: 2px solid rgba(255,255,255,0.1); } .otl-stat-item { padding: 2rem 4rem; text-align: center; border-right: 1px solid #1e1e1e; } .otl-stat-item:last-child { border-right: none; } .otl-stat-num { font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; font-weight: 300; color: var(--gold); line-height: 1; } .otl-stat-label { font-family: 'Barlow Condensed', sans-serif; font-size: 0.65rem; letter-spacing: 0.3em; text-transform: uppercase; color: var(--gray); margin-top: 0.4rem; } /* THE QUESTION */ .otl-question { padding: 5rem 10%; background: var(--black); position: relative; overflow: hidden; } .otl-question::before { content: ''; position: absolute; left: 0; top: 2rem; bottom: 2rem; width: 3px; background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.15), transparent); } .otl-q-label { font-family: 'Barlow Condensed', sans-serif; font-size: 0.7rem; letter-spacing: 0.35em; text-transform: uppercase; color: var(--gold); margin-bottom: 1rem; display: block; } .otl-q-title { font-family: 'Cormorant Garamond', serif; font-size: clamp(2rem, 4vw, 3.5rem); font-weight: 300; line-height: 1.1; color: var(--white); margin-bottom: 2rem; } .otl-q-title em { font-style: italic; color: var(--gold); } .otl-q-body { font-size: 1rem; line-height: 1.9; color: var(--gray); max-width: 800px; } .otl-q-body strong { color: var(--white); font-weight: 400; } /* SECTIONS */ .otl-section-label { font-family: 'Barlow Condensed', sans-serif; font-size: 0.7rem; letter-spacing: 0.35em; text-transform: uppercase; color: var(--gold); margin-bottom: 0.75rem; display: block; } .otl-section-heading { font-family: 'Cormorant Garamond', serif; font-size: clamp(1.8rem, 3.5vw, 3rem); font-weight: 300; line-height: 1.1; color: var(--white); margin-bottom: 2.5rem; } .otl-section-heading em { font-style: italic; color: var(--gold); } /* WHO IT'S FOR */ .otl-for { padding: 5rem 5%; background: var(--black-soft); position: relative; overflow: hidden; } .otl-for::before { content: ''; position: absolute; top: 3rem; left: 5%; right: 5%; height: 2px; background: linear-gradient(to right, transparent, rgba(255,255,255,0.1), transparent); } .otl-for-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5px; background: var(--gold-dim); } .otl-for-card { background: var(--black-mid); padding: 2.5rem; position: relative; overflow: hidden; } .otl-for-card::after { content: ''; position: absolute; top: 0; left: 0; width: 30px; height: 2px; background: rgba(255,255,255,0.2); } .otl-for-eyebrow { font-family: 'Barlow Condensed', sans-serif; font-size: 0.6rem; letter-spacing: 0.3em; text-transform: uppercase; color: rgba(255,255,255,0.4); margin-bottom: 0.75rem; } .otl-for-title { font-family: 'Cormorant Garamond', serif; font-size: 1.3rem; color: var(--white); margin-bottom: 1rem; line-height: 1.2; } .otl-for-title em { color: var(--gold); font-style: italic; } .otl-for-list { list-style: none; } .otl-for-list li { font-size: 0.88rem; color: var(--gray); line-height: 1.6; padding: 0.35rem 0 0.35rem 1.2rem; position: relative; } .otl-for-list li::before { content: '—'; position: absolute; left: 0; color: var(--gold-dim); } /* EARLY ADVANTAGE */ .otl-early { padding: 5rem 5%; background: var(--black); } .otl-early-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5px; background: var(--gold-dim); margin-top: 2.5rem; } .otl-e-card { background: var(--black-mid); padding: 2.5rem; position: relative; overflow: hidden; } .otl-e-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: rgba(255,255,255,0.12); } .otl-e-card.gold-top::before { background: var(--gold); } .otl-e-label { font-family: 'Barlow Condensed', sans-serif; font-size: 0.6rem; letter-spacing: 0.3em; text-transform: uppercase; color: var(--gray); margin-bottom: 0.75rem; } .otl-e-title { font-family: 'Cormorant Garamond', serif; font-size: 1.2rem; color: var(--white); margin-bottom: 0.75rem; line-height: 1.3; } .otl-e-desc { font-size: 0.88rem; color: var(--gray); line-height: 1.7; } /* WHAT'S INSIDE */ .otl-inside { padding: 5rem 5%; background: var(--black-soft); } .otl-inside-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5px; background: var(--gold-dim); margin-top: 2.5rem; } .otl-inside-card { background: var(--black-mid); padding: 2.5rem; } .otl-inside-icon { font-size: 1rem; color: var(--gold); margin-bottom: 1rem; opacity: 0.7; } .otl-inside-title { font-family: 'Cormorant Garamond', serif; font-size: 1.1rem; color: var(--white); margin-bottom: 0.75rem; } .otl-inside-desc { font-size: 0.85rem; color: var(--gray); line-height: 1.7; } /* QUOTE */ .otl-quote { padding: 6rem 10%; text-align: center; background: var(--black); position: relative; overflow: hidden; } .otl-quote::before { content: ''; position: absolute; top: 3rem; left: 8%; right: 8%; height: 2px; background: linear-gradient(to right, transparent, rgba(255,255,255,0.2), transparent); } .otl-quote::after { content: ''; position: absolute; bottom: 3rem; left: 8%; right: 8%; height: 2px; background: linear-gradient(to right, transparent, rgba(255,255,255,0.2), transparent); } .otl-quote-text { font-family: 'Cormorant Garamond', serif; font-size: clamp(1.5rem, 3vw, 2.5rem); font-weight: 300; font-style: italic; color: var(--white); line-height: 1.35; max-width: 850px; margin: 0 auto 1.5rem; } .otl-quote-text em { color: var(--gold); } .otl-quote-attr { font-family: 'Barlow Condensed', sans-serif; font-size: 0.7rem; letter-spacing: 0.3em; text-transform: uppercase; color: var(--gold); } /* PRO CALLOUT */ .otl-pro-callout { padding: 2.5rem 5%; background: var(--black-soft); display: flex; align-items: center; justify-content: space-between; gap: 2rem; flex-wrap: wrap; border-top: 2px solid rgba(255,255,255,0.07); border-bottom: 2px solid rgba(255,255,255,0.07); } .otl-pro-text { font-family: 'Barlow Condensed', sans-serif; font-size: 0.85rem; letter-spacing: 0.1em; color: var(--gray); } .otl-pro-text strong { color: var(--white); font-weight: 500; } /* CTA */ .otl-cta { padding: 6rem 5%; text-align: center; background: var(--black); position: relative; overflow: hidden; } .otl-cta::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(to right, transparent, rgba(255,255,255,0.15), var(--gold-dim), rgba(255,255,255,0.15), transparent); } .otl-cta-eyebrow { font-family: 'Barlow Condensed', sans-serif; font-size: 0.7rem; letter-spacing: 0.35em; text-transform: uppercase; color: var(--gold); margin-bottom: 1.5rem; display: block; } .otl-cta h2 { font-family: 'Cormorant Garamond', serif; font-size: clamp(2rem, 4vw, 4rem); font-weight: 300; color: var(--white); line-height: 1.1; margin-bottom: 1.5rem; } .otl-cta h2 em { font-style: italic; color: var(--gold); } .otl-cta p { font-size: 1rem; color: var(--gray); max-width: 540px; margin: 0 auto 3rem; line-height: 1.75; } .otl-cta-actions { display: flex; gap: 1.2rem; justify-content: center; flex-wrap: wrap; } .otl-cta-note { font-family: 'Barlow Condensed', sans-serif; font-size: 0.65rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--gray); margin-top: 1.5rem; } /* RESPONSIVE */ @media (max-width: 768px) { .otl-hero { padding: 3rem 5%; } .otl-hero-line { width: 80%; } .otl-stat-bar { flex-wrap: wrap; } .otl-stat-item { padding: 1.5rem 2rem; border-right: none; border-bottom: 1px solid #1e1e1e; width: 50%; } .otl-question { padding: 3rem 5%; } .otl-for { padding: 3rem 5%; } .otl-for-grid { grid-template-columns: 1fr; } .otl-early { padding: 3rem 5%; } .otl-early-grid { grid-template-columns: 1fr; } .otl-inside { padding: 3rem 5%; } .otl-inside-grid { grid-template-columns: 1fr; } .otl-quote { padding: 4rem 5%; } .otl-pro-callout { flex-direction: column; text-align: center; } .otl-cta { padding: 4rem 5%; } .otl-cta-actions { flex-direction: column; align-items: center; } } ``` ``` High School Edition Life After Sports · Identity · Purpose · What's Next Outside The Lines Most athletes wait until the game is over to ask the big questions. The smart ones start asking now. Who are you beyond the sport? What are you building toward? This is the playbook for the high school athlete who wants to be ready when the final whistle blows. $19.99 $24.99 Instant Digital Download Get the Playbook See What's Inside ``` 24 Weeks of Guided Work 1 Question That Changes Everything ∞ Life Waiting After the Game The Question Every High School Athlete Needs to Answer Sports used you.The real question is — how do you use sports to win at life outside the lines? The sport took everything you had. Your time, your body, your identity. But most athletes never flip the script. They let the sport use them up and walk away with nothing but memories. Outside The Lines High School Edition is about flipping that. Everything the sport built in you — discipline, resilience, coachability, work ethic — is currency. This playbook teaches you how to spend it wisely. Start now, while you're still in the game, so you're ready the moment it ends. Who This Was Built For Whether you're going pro, going to college,or going a different direction entirely. The Athlete Still competing,already thinking ahead Junior or senior athletes thinking about what's next Athletes in the college recruiting process Athletes who won't play at the next level and need a plan Freshmen and sophomores who want to start early Athletes dealing with injury wondering who they are without sport Parents & Families The oneswatching and investing Parents who want more for their athlete than just sport Families navigating the recruiting process together Parents watching their athlete struggle with identity pressure Families preparing their athlete for college transition Parents who know the sport ends and want their kid ready Coaches & Schools The onesdeveloping the whole person High school coaches who develop character not just skill Athletic directors building life-skills programming Team chaplains and character coaches School counselors working with student athletes Youth pastors with athletic youth in their programs Why Starting in High School Changes Everything The earlier you ask the question,the less you have to unlearn later. Advantage 01 You still have time to build College and pro athletes do this work after the sport is over. You get to do it while you still have time to shape your path — not just react to it. Advantage 02 You avoid the identity crash Athletes who only know themselves as athletes often fall apart after sport ends. This gives you a full identity built on more than a jersey. Advantage 03 You make better decisions Recruiting choices, college selection, relationships — when you know who you are, you stop making decisions based on pressure and start making them based on purpose. Advantage 04 You carry the discipline forward Everything the sport built in you — work ethic, coachability, resilience — doesn't have to die when the sport does. This playbook helps you transfer it into the rest of your life. What's Inside the Playbook Built for where you are right now.Preparing you for what's next. ✦ Identity Beyond Sport Guided prompts to help you figure out who you are outside the uniform — your values, your strengths, your purpose — before the sport ends and forces the question. ✦ Strength Mapping The qualities that make you great in sport are transferable. This section helps you name them, own them, and understand how they apply beyond the field or court. ✦ Purpose Discovery What are you actually called to do with your life? A structured process for high school athletes to start answering that question before pressure forces a bad answer. ✦ Recruiting & Transition Prep Whether you're going D1, D3, JUCO, or not playing in college at all — this helps you approach that decision from identity and purpose, not just athletic opportunity. ✦ Your Next Arena Blueprint A 12-week plan for building your life with the same intentionality you bring to sport. Daily habits, weekly goals, and a vision for who you're becoming beyond the game. ✦ Instant Digital Download PDF format. Works on any device. Print it and write in it, or work through it digitally. Built to be used, not just read. "The athletes who thrive after sport aren't the ones who played the longest. They're the ones who knew who they were before it ended." — Outside The Lines · High School Edition Already in college or playing professionally? There's a version built specifically for where you are. See Collegiate / Pro Edition → Start Before the Final Whistle Don't wait until the game is overto figure out who you are. Download the playbook. Start the work now. The athletes who win at life are the ones who prepared for it while they were still competing. Get Instant Access — $19.99 See All Products Instant PDF download · Works on any device · Print or use digitally
More you might like
Related
Outside The Lines: Playbook for Life After Sports (College/P
Related
The Outsider Sneak Coloring Outside the Lines
Related
Coloring Inside the Lines. Coloring Outside the Lines.
Related