/* ═══════════════════════════════════════════
RA OPTICS LUMINARIES — COMPLETE STYLESHEET
═══════════════════════════════════════════ */
/* FONTS */
@font-face {
font-family: 'ABC Arizona Mix Variable';
src: url('https://cdn.shopify.com/s/files/1/0021/9335/8905/files/ABC_Arizona_Mix_Variable_Unlicensed_Trial.woff2?v=1749328046') format('woff2');
font-weight: 100 900; font-style: normal; font-display: swap;
}
@font-face {
font-family: 'Maison Neue';
src: url('https://cdn.shopify.com/s/files/1/0021/9335/8905/files/MaisonNeue-Book.woff2?v=1743741269') format('woff2');
font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
font-family: 'Maison Neue';
src: url('https://cdn.shopify.com/s/files/1/0021/9335/8905/files/MaisonNeue-Bold_8f8ac6d4-b3aa-4063-bffa-9f2bbda01254.woff2?v=1752541793') format('woff2');
font-weight: 700; font-style: normal; font-display: swap;
}
/* VARIABLES */
:root {
--cream: #FFF2DE;
--cream-light: #FFFCF8;
--navy: #002249;
--navy-mid: #1a3a5c;
--navy-muted: #4a6280;
--gold: #DCAC4D;
--border: rgba(0,34,73,0.09);
--border-soft: rgba(0,34,73,0.06);
--shadow-sm: 0 1px 4px rgba(0,34,73,0.05), 0 4px 14px rgba(0,34,73,0.04);
--shadow-md: 0 2px 8px rgba(0,34,73,0.07), 0 8px 28px rgba(0,34,73,0.05);
--shadow-lift: 0 4px 20px rgba(0,34,73,0.09), 0 16px 48px rgba(0,34,73,0.05);
}
/* BASE */
body {
background: var(--cream) !important;
color: var(--navy) !important;
}
/* TYPOGRAPHY */
.notion-header__title,
.notion-h1, .notion-h2 {
font-family: 'ABC Arizona Mix Variable', Georgia, serif !important;
color: var(--navy) !important;
font-weight: 400 !important;
}
body, p, span, li,
.notion-text, .notion-callout,
.notion-table__cell, .notion-toggle-block {
font-family: 'Maison Neue', sans-serif !important;
}
/* PAGE TITLE */
.notion-header__title {
font-size: 2.8em !important;
letter-spacing: -0.01em !important;
line-height: 1.15 !important;
padding-top: 64px !important;
}
/* COVER IMAGE */
.notion-header__cover.has-cover {
height: 320px !important;
min-height: 320px !important;
}
/* NAVBAR */
.super-navbar {
background: rgba(255, 247, 233, 0.82) !important;
backdrop-filter: blur(12px) !important;
-webkit-backdrop-filter: blur(12px) !important;
border-bottom: 1px solid rgba(0,34,73,0.06) !important;
box-shadow: 0 1px 0 rgba(0,34,73,0.05), 0 6px 24px rgba(0,34,73,0.05) !important;
transition: background 0.3s ease, box-shadow 0.3s ease !important;
}
.super-navbar__item a {
font-family: 'Maison Neue', sans-serif !important;
font-size: 0.85rem !important;
letter-spacing: 0.04em !important;
color: var(--navy) !important;
text-transform: uppercase !important;
font-weight: 500 !important;
opacity: 0.75 !important;
transition: opacity 0.2s !important;
}
.super-navbar__item a:hover { opacity: 1 !important; }
.super-navbar__item-list {
display: flex !important;
flex: 1 !important;
justify-content: center !important;
position: static !important;
}
/* PAGE CONTENT WIDTH */
.notion-page-content {
max-width: 720px !important;
margin: 0 auto !important;
padding: 0 24px 80px !important;
animation: fadeUp 0.4s ease both;
}
@keyframes fadeUp {
from { opacity: 0; transform: translateY(8px); }
to { opacity: 1; transform: translateY(0); }
}
/* HEADINGS */
.notion-h1 {
font-size: 1.9em !important;
margin-top: 2em !important;
margin-bottom: 0.5em !important;
padding-top: 0.5em !important;
border-top: 1px solid var(--border) !important;
}
.notion-h2 {
font-size: 1.4em !important;
margin-top: 2em !important;
margin-bottom: 0.4em !important;
}
.notion-h3 {
font-family: 'Maison Neue', sans-serif !important;
font-size: 0.82em !important;
font-weight: 600 !important;
letter-spacing: 0.12em !important;
text-transform: uppercase !important;
color: var(--gold) !important;
margin-top: 1.6em !important;
}
/* DIVIDER */
.notion-divider {
border: none !important;
border-top: 1px solid var(--border) !important;
margin: 2.5em 0 !important;
opacity: 1 !important;
}
/* CALLOUT */
.notion-callout {
background: rgba(255,255,255,0.55) !important;
border: none !important;
border-left: 3px solid var(--gold) !important;
border-radius: 0 8px 8px 0 !important;
padding: 18px 24px !important;
box-shadow: var(--shadow-sm) !important;
color: var(--navy) !important;
margin: 1.5em 0 !important;
}
.notion-callout .notion-callout__icon { display: none !important; }
/* TABLES */
.notion-table__wrapper {
width: 100% !important;
border-radius: 10px !important;
overflow: hidden !important;
box-shadow: var(--shadow-sm) !important;
margin: 1.5em 0 !important;
}
.notion-table {
width: 100% !important;
border-collapse: collapse !important;
}
.notion-table tr:first-child td {
background: var(--navy) !important;
color: var(--cream) !important;
font-size: 0.7rem !important;
font-weight: 600 !important;
letter-spacing: 0.12em !important;
text-transform: uppercase !important;
padding: 14px 18px !important;
}
td {
background: rgba(255,255,255,0.5) !important;
border-bottom: 1px solid var(--border-soft) !important;
padding: 14px 18px !important;
vertical-align: top !important;
}
.notion-table__cell {
display: block !important;
width: 100% !important;
box-sizing: border-box !important;
background: transparent !important;
font-size: 0.9rem !important;
color: var(--navy) !important;
line-height: 1.6 !important;
}
td:first-child .notion-table__cell { font-weight: 600 !important; }
tr:last-child td { border-bottom: none !important; }
tr:hover td { background: rgba(255,255,255,0.75) !important; }
/* TOGGLES */
.notion-toggle-block {
background: rgba(255,255,255,0.45) !important;
border: 1px solid var(--border) !important;
border-left: 3px solid var(--gold) !important;
border-radius: 0 8px 8px 0 !important;
padding: 16px 20px !important;
margin: 0.6em 0 !important;
box-shadow: var(--shadow-sm) !important;
transition: box-shadow 0.2s ease, background 0.2s ease !important;
}
.notion-toggle-block:hover {
background: rgba(255,255,255,0.7) !important;
box-shadow: var(--shadow-md) !important;
}
.notion-toggle-block > summary {
font-weight: 600 !important;
color: var(--navy) !important;
cursor: pointer !important;
}
/* FOOTER */
.super-footer {
background: var(--navy) !important;
color: rgba(255,242,222,0.6) !important;
}
/* SCROLLBAR */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: var(--cream); }
::-webkit-scrollbar-thumb { background: rgba(0,34,73,0.2); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: rgba(0,34,73,0.35); }
/* ─── MOBILE ─────────────────────────────── */
@media (max-width: 768px) {
.super-navbar__item-list { display: none !important; }
.notion-header__title { font-size: 2.2em !important; padding-top: 48px !important; }
.notion-callout { padding: 16px 20px !important; border-left-width: 3px !important; }
.notion-table { width: auto !important; }
.notion-table__wrapper { max-width: 100% !important; overflow-x: scroll !important; -webkit-overflow-scrolling: touch !important; }
.notion-table__cell { padding: 10px 12px !important; font-size: 0.875rem !important; min-width: 90px !important; }
.notion-asset-wrapper, .notion-image-block, .notion-image { display: none !important; }
}
@media (max-width: 480px) {
.notion-header__title { font-size: 1.75em !important; }
.notion-header__cover.has-cover { height: 200px !important; min-height: 200px !important; max-height: 200px !important; }
}
How to use this page:
The Ready-to-Use Hooks section provides compelling one-liners you can use to capture attention or begin a riff with.
The Angle Library below goes deeper — story frameworks, platform notes, and creative directions.
Ready-to-Use Hooks
These are first lines and hooks you can use directly, adapt, or use as a launching point. The best content comes from making them your own — add your specific experience, your numbers, your story.
Ra Optics Eyewear Hooks
For Reels / TikTok:
- "I stopped getting afternoon headaches after I changed this one thing."
- "Nobody talks about this part of sleep optimization."
- "I was skeptical of blue light glasses. Here's what actually changed my mind."
- "Why the blue light glasses don't actually work." {explain clear vs tinted lenses}
- "The reason you keep getting headaches at 3pm."
- "I've worn these every evening for a month. Here's what changed."
- "Night Shift mode is better than nothing… but it's not enough."
Slightly extended:
- "Most people trying to optimize their sleep focus on supplements, sleep trackers, and mattresses. They completely ignore their light environment."
- "I changed one thing in my evening routine — not my supplements, not my schedule, not my phone use — and my sleep scores went up by 15 points."
- "There's a difference between cheap blue light glasses and ones that professional athletes are using. I didn't understand that difference until I tried both."
Lumios Hooks
For Reels / TikTok:
- "I replaced every light bulb in my apartment. Here's what happened."
- "No app. No remote. No WiFi. Just click your light switch."
- "The $[X] upgrade nobody in the biohacking space talks about."
- "Biohacker lighting that doesn't make your apartment look like a rave."
- “I hate to break it to you, but your red light bulb only solves half of the problem”
- "I've spent a lot of money optimizing my sleep. New mattress. Supplements. Sleep tracker. Blackout curtains. The thing that actually moved the needle was the one I almost didn't try."
For Stories / quick-hit:
- "Before and after: same room, same time, different bulb"
- "What Candle mode looks like at 10pm [show, don't tell]"
- "If you only make one change to your bedroom this year, make it this"
- "The mode I use every night before bed"
Content Angles
Ra Optics Eyewear Angles
Personal experience
- "My sleep changed when I started wearing these in the evening"
- "I used to think blue light glasses were a gimmick"
- "What I noticed after two weeks of wearing Daylight Lenses at my desk"
Education
- "What blue light actually does to your body at night — it's not just your eyes"
- "Why your phone's Night Shift mode isn't the full solution"
- "The difference between a $20 Amazon pair and the lenses pro athletes are wearing"
- "Circadian rhythm isn't just a sleep thing — here's everything it affects"
Visual / lifestyle
- Morning routine — Daylight lenses at desk, natural light, focused
- Evening wind-down — Sunset lenses on, screens dimmed, warm tones in the room
- Side-by-side comparison — how your screen looks through Daylight Lenses vs. without
- Frame quality close-up — the materials and details tell a premium story without you having to say anything
Social proof: Worn by the Best
- Rick Rubin — Music producer & creative visionary
- Calvin Harris — Grammy-winning producer & DJ
- Erling Haaland — World-class footballer
- Ben Greenfield — Human performance expert
- Chito Vera — UFC bantamweight contender
- Bryce Harper — MLB MVP
- Chris Bumstead — 5x Mr. Olympia
- Elena Rybakina — Wimbledon Champion
- Devin Booker — NBA All-Star
- Christian McCaffrey — NFL Offensive Player of the Year
- Jonathan Taylor — NFL All-Pro running back
- Puka Nacua — NFL wide receiver
- Andrey Rublev — ATP Top-10 tennis player
Lumios Angles
Personal experience
- "I changed my bedroom lighting and my sleep changed within a week"
- "I didn't realize how bad my lighting was until I saw what good looks like"
- "Here's what my apartment looks like with human-friendly lighting versus before"
- "I put Sky mode in my bathroom. Here's what changed about my mornings."
- "My evening routine used to fight my biology. Now it works with it."
Education
- "Most people optimize everything about sleep except the thing that controls it — light"
- "What flicker is and why your nervous system hates standard LED lights"
- "Why 'warm white' LED bulbs aren't the same as actually warm-spectrum light"
- "What near-infrared light is and why your body has been missing it"
- "The four things standard LEDs get wrong — and what Lumios does differently"
Visual / demonstration
- Side-by-side room shot: standard LED vs. Lumios (same room, same angle, same time)
- Day-to-night transition: cycling through Glow modes in the same room
- "What Candle mode actually looks like at 10pm" — no filter, no editing
- Mode-switching demo: showing how simple the wall-switch system is
- The vibe shift: showing how a space feels at 2700K vs. 1200K
Story Framework
This structure works across every platform and both products.
0. Tease the solution — before you introduce the problem, tease the benefit briefly. Tell the viewer why they should stick around until the end.
1. The problem — name something real and specific that your audience has experienced. Not "bad sleep" — something more precise.
"I'd be in bed by 10PM and still feel wrecked by 2PM.”;
"I got a headache every day around 3pm working from home.";
"My apartment never felt relaxing, no matter what I did to it."
2. The cause — introduce the idea that light was a variable they weren't considering. Don't make it a lecture. Make it a realization.
3. The solution — show what you changed and why. Not a product review — a decision you made based on something you learned. Demonstrate visually.
4. The result — specific, honest, personal. Not just "I sleep so much better now." Something you can actually verify.
A sleep score. A headache that finally went away.
Platform Notes
Reels: Hook in the first 2 seconds. Education in the middle. Personal takeaway at the end. Keep it under 60 seconds if possible.
Feed posts: Lead with lifestyle context (you in your space, wearing the product, living with it). Product detail second. The Ra Optics aesthetic is warm, clean, and premium — let that show.
Stories: Quick-hit formats work well. "What I actually use." "Before/after room shot." "Quick science explainer." Don't overthink it.
Authentic over polished. The science and personal story angles both perform well here. Fast hooks, real reactions, demonstration content (show the mode switching, show the room difference, show the tint comparison). If you're new to the product, document your first impression — that's legitimate content.
Deep dives convert well. "Everything I changed about my light environment." "I tested every blue light solution for 30 days." "My full evening routine for better sleep." Morning and evening routine integrations work well as secondary placements (not the main focus, but included).
The science and philosophy land well in audio and text. "What I use and why" format works especially well in newsletters. Link to your affiliate page inline — don't make it a separate CTA. In podcasts, a personal story + the science + your code is the right structure. Keep the read simple: your experience, one key concept, your code.
The best content we've seen comes from people who authentically love the products and are genuinely curious about what they're experiencing.
If something surprised you — your sleep score moved, your apartment felt different, share it!
That's what converts, not just rattling off product benefits.
📌 High-performing post examples (add here) Add 3–5 examples of posts that converted well — screenshots, links, or embeds. Include the creator, platform, and any performance notes. Real examples dramatically increase creator confidence.
→ Next: The Science