\DESIGNSORCERY>_

Opal Security | Identity that Thinks

Video · Light

Design System Inspiration

Opal — extracted via DESIGN.md

Security · Access management

dark-theme clean corporate typographic animated futuristic sticky navigation scroll-triggered animations split-screen hero card-based layout

Typography

SF Pro Display Semibold

Heading

Aa Aa Aa Aa

Sofia Sans Condensed

Body

Aa Aa Aa Aa

Color palette

TL;DR

Opal employs a "Deep Sea" monochrome palette where the primary visual weight is carried by `#074055` (Deep Teal) and `#112b37` (Dark Navy). The system is defined by high-density information layouts using **Sofia Sans Condensed** for technical, high-impact headlines and **SF Pro Display** for precise UI and body copy. Buttons and interactive surfaces utilize a vibrant primary teal `#0c7997` or high-contrast navy pills. Layouts alternate between stark white `#ffffff` canvases and full-bleed dark teal sections, maintaining a "programmable" aesthetic through sharp 0px or tight 8px radii and generous 120px vertical section spacing.

Target audience

The target audience is security and engineering teams within modern enterprises seeking a programmable access platform for managing identity and access control.

Full tech stack

Framer Sites Google Tag Manager HSTS React

Analytics

Google Tag Manager

Meta description

The best security and engineering teams use Opal to manage access for everyone and everything in the modern enterprise: from employees to service accounts to AI agents.

Brand Voice

Technical, authoritative, and decisive, speaking to security engineers as peers through the language of automation and code.

Positioning

Opal is the programmable access platform and identity control plane for security teams that ship fast. It replaces manual, broken processes with just-in-time access and policy-as-code to eliminate standing risk across SaaS, cloud, and on-prem systems.

Voice principles

  • Action-Oriented: Uses strong, imperative verbs to signal immediate impact.
  • Technical & Precise: Employs engineering metaphors (programmable, code, graph, script) to establish credibility with a technical audience.
  • Direct: Favors short, punchy sentences that cut through corporate jargon to address the "broken" reality of access management.
  • Confident: Positions the product as a definitive solution that "delights" users while "enforcing" security.

More SaaS Designs

← Back to Gallery