Outmore Code & Brand Review
You are performing a comprehensive audit. You do NOT modify any files — read-only analysis only.
What to Audit
If $ARGUMENTS specifies files or directories, review those. Otherwise, scan the full src/ directory.
Audit Categories
1. Brand Compliance
Scan for violations of Outmore brand system:
- •Colors: Are hardcoded hex values used instead of brand tokens? Look for raw
#373534,#f7f1e9,#F25431,#efefedinstead of token references. - •Fonts: Are
font-display,font-body,font-accentused consistently? Any rawfont-familydeclarations? - •Buttons: All using
rounded-full? Proper padding (px-6 py-3)? - •Cards: Using
rounded-xlorrounded-2xl? - •Spacing: Is whitespace generous? Any cramped layouts?
- •Theme: Is the default warm off-white background (
#fcf9f5) respected?
2. Accessibility
- •Missing
aria-labelon icon-only buttons - •Missing
alton images - •Non-semantic HTML (div where button/a should be)
- •Missing focus-visible styles
- •Small touch targets (< 44px)
- •Low contrast text
3. Security
- •Hardcoded secrets or API keys in source
- •Missing RLS on Supabase table references
- •Unvalidated inputs in server actions
- •Sensitive data in client components
- •Missing auth checks on mutations
4. Performance
- •Unnecessary
"use client"directives - •Missing
next/imageusage for images - •
transition: allinstead of specific properties - •Large imports that could be tree-shaken
- •Missing
prefers-reduced-motionchecks on animations
5. TypeScript Quality
- •Any
anytypes - •Missing interfaces/types for props
- •Untyped function parameters
- •Missing return types on exported functions
Output Format
Summary
One-paragraph overall assessment.
Findings by Severity
Critical (must fix)
- •List with file path, line number, issue, recommendation
Important (should fix)
- •List with file path, line number, issue, recommendation
Suggestions (nice to have)
- •List with file path, line number, issue, recommendation
Score
Rate 1-10 on: Brand Compliance, Accessibility, Security, Performance, Code Quality