Style settings
Customize the visual appearance of your prompt pages to perfectly match your brand identity.
Style Your Prompt Pages
The Style Settings editor gives you complete control over how your prompt pages look. Create a consistent brand experience that resonates with your customers and stands out from the competition.
Typography
50+ font options
Colors
Full color control
Gradients
Dynamic backgrounds
Cards
Shadow & transparency
How to Access Style Settings
- 1
Navigate to Dashboard
Log in to your Prompt Reviews account
- 2
Click "Style" in the sidebar
Find it under the customization section
- 3
Open the Style Editor
Click "Open style editor" button
Typography Settings
Font Selection
Choose from over 50 professional fonts to match your brand personality.
Primary Font
Used for headings and prominent text
Options: Inter, Roboto, Poppins, Montserrat, Playfair Display, and more
Secondary Font
Used for body text and descriptions
Can be the same as primary or different for contrast
Pro Tip: Use a serif font for headings and sans-serif for body text to create elegant contrast, or stick with one font family for a clean, modern look.
Color Configuration
Brand Colors
Define your color scheme to maintain brand consistency.
Primary Color
Main brand color for buttons and accents
Enter hex code: #4F46E5
Secondary Color
Complementary color for highlights
Enter hex code: #818CF8
Background Options
Background Types
Choose between solid colors or eye-catching gradients.
Solid Color
Simple, clean background with a single color
Gradient
Dynamic two-color gradient background
- • Gradient Start Color
- • Gradient End Color
- • Automatic blending
Popular Gradients: Blue to Purple (#3B82F6 → #C026D3), Green to Teal (#10B981 → #14B8A6), Orange to Pink (#F97316 → #EC4899)
Card Styling
Card Appearance
Customize how content cards appear on your prompt pages.
Background Color
Card background color options:
- • Pure White (#FFFFFF)
- • Off-White (#F7FAFC)
- • Distinction (#F3F4F6)
- • Pale Blue (#F0F6FF)
- • Cream (#FFFBEA)
Text Color
Card text color for optimal readability
Shadow Settings
- • Inner shadow option for depth
- • Shadow color customization
- • Shadow intensity (0-100%)
Transparency
Adjust card opacity (0-100%)
Lower values create a glass-morphism effect
Live Preview
Real-Time Updates
The style editor includes a live preview that updates as you make changes.
- See changes instantly without saving
- Test different combinations quickly
- Preview on actual prompt page layout
- Reset to defaults if needed
Design Best Practices
Maintain Readability
Ensure sufficient contrast between text and backgrounds. Test with different screen brightness levels.
Brand Consistency
Use your official brand colors and fonts. Import hex codes from your brand guidelines.
Less is More
Avoid overly complex gradients or too many colors. Simple, clean designs often perform best.
Mobile Testing
Preview your design on mobile devices. Most customers will view on phones.
Common Questions
Do style changes apply to all prompt pages?
Yes, style settings are global and apply to all your prompt pages. This ensures consistent branding across all customer touchpoints.
Can I use custom fonts not in the list?
Currently, you can choose from our curated list of 50+ fonts. These are optimized for web performance and readability. Contact support if you need a specific font added.
How do I match my exact brand colors?
Use hex color codes from your brand guidelines. You can find these in your logo files, brand documents, or use a color picker tool on your existing website.
Can I save multiple style presets?
Currently, you have one active style configuration. You can reset to defaults or manually note your settings if you want to experiment with different looks.
Ready to Customize Your Brand Experience?
Open the style editor and create a unique look that represents your brand perfectly.