/* ═══════════════════════════════════════════ 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; } }

About Ra Optics

We didn't evolve under screens and ceiling lights. We evolved under the sun, and under shade. Light is the signal that sets your body's clock, and modern light sends that signal at the wrong time, all day and all night.

Ra Optics makes circadian eyewear. Lenses engineered around that signal, so your body can find its own rhythm again.

Founded in 2017 by Matt Maruca, who set out to build the first truly premium, stylish, scientifically engineered product in the category. Our lenses are developed with Dr. Alexander Wunsch, M.D., Ph.D., one of the world's top integrative photobiology experts.

Photographed on top performers across the NFL, NBA, MLB and UFC, and on founders, politicians and cultural icons including Rick Rubin, Calvin Harris and Erling Haaland.

Eyewear handles the light you can't control: offices, airports, screens, other people's rooms. Lumios handles the light you can, at home. Together they make one light environment.

How we sound

Simple and chic, but never high fashion.

Confident and calm. Premium without being snobby.

Scientific DNA, without burying anyone in jargon. Bring the science. The studies, the tracker data, the receipts. The proof layer is some of the strongest content we get, so go there. Just land it somewhere a smart twelve-year-old would follow.

Speak from your own experience. Say what happened to you, not what will happen to them.

Possibility, not fear. What's on the other side of a good night, not what bad light is doing to you.

Say it right. "RAH" or "RAW," like the Egyptian sun god. Never "R-A," never "ray."

Files

Logos — SVG, PDF and PNG. Never add ® to the wordmark.

Fonts

Brand Companion — the full brand book, if you want to go deeper.

Pattern

Palette

Colour
Hex
Warm White
#F9F6F2
Linen
#E4E1DC
Dusty Teal
#89A1A3
Warm Umber
#514441
Dark Espresso
#332522

A few rules for your copy

No filtration percentages. Say what the lenses do, not what they measure.

No cure, treat, or prevent, and no promised outcomes. That's the FTC line, not a style preference.

Compare us to other brands all you want. Just don't name them.

Calling someone an ambassador? Check with us first. Otherwise they were spotted wearing Ra, and that's how to say it.

Dr. Alexander Wunsch is one of the world's top integrative photobiology experts. Not "the leading expert in photobiology."

Full rules and FTC disclosure → Content Guidelines

Before you film → Products