Dark ui screen examples

Evervault

Developer documentation article explaining the concepts and flow of the 3D-Secure payment authentication protocol.

Grok

AI chat interface where the user views a generated response detailing typography specifications and can input a new prompt.

• AI Chat
• AI Assistant

Leap

List view where the user manages their published AI workflows, with options to search, create new ones, or edit existing configurations.

• Workflow Builder
• Table

Replit

Blog index page displaying a featured article and a grid of recent posts in the design category, with an active search dropdown showing matching results.

Supercut

List view where the user browses their watched video recordings in a grid layout.

• Browse
• Video Player

Front

Inbox detail view where the user reads a team discussion about dark patterns and schedules a related calendar event in the side panel.

• Calendar
• Messages

Steep

Help center home page providing an overview of the Steep analytics platform, getting started steps, feature guides, and an FAQ section.

Rayon

Changelog page detailing new features like the sweep mode for arc command, array command, and library semantic search, including a table of new keyboard shortcuts.

Kajabi

Design editor where the user customizes typography settings, such as base and heading font families, while viewing a live preview of the course landing page.

• Design Editor
• Edit

Jimo

Creation screen where the user selects a starting template or starts from scratch to build a new in-app hint.

• Add & Create
• Templates

Hashnode

Code editor where the user configures playground settings like header persistence, theme, and local storage clearing.

• Settings
• AI Settings

Braintrust

Documentation quickstart guide explaining how to evaluate AI prompts using the product's UI, featuring step-by-step instructions and embedded screenshots.