- Industry
- Retail
- Site type
- Store
- Platform
- Shopify
- Tech
- Three.js
- Style
- Minimal, Editorial, Corporate, Clinical Chic, 3d Interactive
- Business model
- Shopping
- Presence
- Online
- Components
- Navigation Bar, Hero With Background Imagery, Product Card, Feature Collection, Stat Block, Outline Button, Newsletter Form, Footer, Scroll Linked Interactive Motif, Numbered Step List
- Score
- 67.1/100 · 100% evidence · Review pending
- Typography
- Display — Metropolis; Heading — Metropolis; Body — Degular Demo; Mono — Degular Demo
- Palette
- OG image
Design analysis
Beauty In Stem is an e-commerce platform with a sophisticated, clean, and science-inspired aesthetic. The site relies heavily on a soft, muted color palette dominated by whites, warm greys, and terracotta pink accents (e.g., #D08C81). The typography is highly structured, combining 'Metropolis' for large, impactful headings (often italicized or uppercase) with 'Degular Demo' for body copy and secondary labels. A standout feature is the scroll-driven interactive 3D bubble animation that acts as a continuous motif, connecting various sections of the page. The design feels modern, clinical yet approachable, aligning with its "Skin Fitness" brand identity.
- Spacing
- Generous vertical spacing between sections (e.g., significant white space around the '4 ESSENTIAL STEPS').
- Shape
- Sharp corners on form inputs and buttons (e.g., Newsletter submit button). No explicit border-radius measured on major UI elements; imagery is generally rectangular.
- Borders
- Thin, solid lines used sparingly for forms (e.g., input border #202020) and connecting lines in diagrams.
- Buttons
- Minimalist buttons, mostly outline style or simple text links with subtle hover effects.
- Width
- Wide content area, with elements often spanning a significant portion of the 1440px viewport, but centered with ample margins.
- Density
- Low density; the design prioritizes breathing room and large visual elements over packed information.
