The Ageless IQ Lab
Visual Style Guidelines & Developer Specifications
The Essence
The Ageless IQ Lab represents the intersection of clinical precision and luxurious self-care. Our design language is minimal, intelligent, and calm.
Tone & Mood
Keywords: Elegant, Intelligent, Calm, Minimal.
We speak with authority but without arrogance. We are the "smart friend" in the beauty industry. Avoid clutter. Use whitespace generously to convey luxury and breathability.
Brand Colors
Primary colors define the structure, while accent colors guide interaction.
Font System
Playfair Display
Used for Headlines (H1-H5). Weights: 600, 700.
Heading 1: Ageless Intelligence
Heading 2: The Science of Beauty
Heading 3: Clinical Precision
Heading 4: Featured Products
Heading 5: Ingredients
Poppins
Used for Body, UI, and Buttons. Weights: 400, 500.
Body Text (18px/1.7): This is an example of the body paragraph style. It should be legible, with generous line height to promote a calm reading experience. The color is #3E4A3B.
Small Text (15px): Used for metadata, footnotes, or legal text.
Inline Text Link Example
Buttons & Cards
Button System
Buttons feature a 14px border radius and soft shadows.
Spacing Rules
- Section Padding: 8-10% Vertical
- Card Padding: 30-40px
- Global Radius: 12-16px
Card System
Product Feature
Cards use a Clay Taupe tint background (5-8% opacity) with a very subtle Brushed Gold border. This creates a "lifted" luxury feel without heavy shadows.
Learn More →Imagery & Iconography
Mood Direction
[Placeholder for Lifestyle Image]
Tone: Natural light, soft shadows, skin textures visible (no over-smoothing).
Composition: Minimal props. Focus on the product or the result.
Iconography
Use thin, refined strokes (1px - 1.5px). Icons should be mono-color (#3E4A3B) and enclosed in circles or freestanding with generous padding.
CSS Variables & Accessibility
Copy these variables to your global stylesheet or Divi Theme Options > Custom CSS.