Generate a new design based on this screen using your own content.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
# Design from Reference: Visitors Security Settings
Create an original, high-fidelity visual design inspired by the reference. Prioritize composition, typography, colors, spacing, and component styling over technical implementation.
## Reference
- **Product:** Visitors
- **Category:** Settings
- **Screenshot:** https://cdn.prod.website-files.com/5e9dc792e1210c5325f7ebbc/697b75cd84049b42b20dbc98_vhA3SrS1q_quEnQy10RHzCtRActWr91nTNmauNoMY4o.avif
Analyze the screenshot first. If inaccessible, request it rather than guessing.
## Content
{{content.instructions}}
{{content.data}}
Preserve essential messaging and factual accuracy. Adapt structure and copy length for visual balance; never invent product claims.
## Visual Design
Use this context to reproduce the reference's visual language: layout, typography, colors, spacing, borders, radii, and distinctive elements. The screenshot takes priority if descriptions conflict.
## Direction
{{preferences.fidelityInstructions}}
## Output
{{output.instructions}}
Deliver a polished, cohesive design with precise alignment, hierarchy, and spacing. Produce the requested visual artifact, not just a description. If unsupported, explain the limitation.
The Security settings page for SaaSFrame nails the "less is more" approach. Four distinct sections stacked vertically, each with its own card-like container. Allowed hostnames, blocked IPs, blocked pages, masked pages. You know exactly what each one does within seconds.
Layout That Respects Your Time
Left sidebar keeps navigation tight with just four items: General, Usage, Team, Security. Each with a subtle icon. The main content area gives every section breathing room without feeling sparse. Input fields have helpful placeholder text like "192.168.1.1 or 10.0.0.0/24" so you're never guessing at format. The small helper tips below each section are a thoughtful touch. "Use wildcards like *.example.com" tells you everything you need to know.
Almost Monochrome, Totally Intentional
Black text on white with light gray borders. The "saasframe.io" chip with its subtle info icon is the only real visual accent. Action buttons sit right-aligned inside each input field, keeping interactions predictable. Typography is consistent and restrained. Nothing competes for attention. It's a settings page that feels like it was designed by someone who actually configures settings regularly.