Questions, answered. — Aurora Glass FAQ
Dark glassmorphic FAQ / help-center page: aurora-lit ink canvas, frosted-glass accordion rows grouped by category with one pre-expanded aqua-glow row, sticky blurred nav and a gradient contact CTA.
Summary
A dark, glassmorphic FAQ / help-center page on an aurora-lit near-black canvas. A single centered column of frosted-glass accordion rows is grouped into labeled categories (General, Pricing & Credits, Privacy & Support), with one row pre-expanded in an aqua-tinted active state. A sticky blurred nav sits on top and a gradient 'Talk to us' contact CTA card closes the page.
Style
Premium dark glassmorphism: a near-black ink base (#0b0f14) lit by soft blurred aurora blobs (aqua #2dd4bf top-left, magenta #e879f9 bottom-right, sky/indigo #7dd3fc/#6366f1 mid), a faint radial vignette and a 4%-opacity SVG film grain over the top. Surfaces are translucent frosted glass (white 6%->2.5% vertical gradient, 1px white/9% border, backdrop-blur 18px, inset top highlight + soft drop shadow). The active accordion uses an aqua->magenta tinted glass with an aqua/30 border and an aqua glow shadow. Type pairs Space Grotesk (display: headings, nav wordmark, category labels) with Inter (body/UI). Accent color is the aqua->sky->magenta gradient, used for the headline highlight word, category dividers, the logo mark and the CTA button. Corners are generous (rounded-2xl cards, rounded-full chips/buttons), spacing is airy and centered.
Layout & Structure
Sticky blurred top nav, then a single centered max-w-3xl column: a centered eyebrow chip + gradient headline + sub-line, then three FAQ category groups (each = an icon + uppercase tracked label + fading divider line, followed by a vertical stack of glass accordion rows), with one row pre-opened, and a full-width glass contact-CTA card at the bottom.
Sticky nav
Header / hero
FAQ category group
Accordion row (closed)
Accordion row (open / active)
Contact CTA card
Special Notes
Single centered max-w-3xl reading column on a max-w-6xl nav. Accent ramp is consistently aqua #2dd4bf -> sky #7dd3fc -> magenta #e879f9 on the ink #0b0f14 base. Exactly one accordion row should ship pre-expanded to show the active glass treatment. Icons are Phosphor (ph:*) via Iconify. Responsive: nav links collapse below md and 'Sign in' hides on small; the CTA card stacks vertically on mobile. No em-dashes in copy; voice is warm and human (e.g. 'we'll sort it together').