Stellate design examples

Stellate

Sign-in screen where the user authenticates with GitHub, GitLab, or email.

• Sign In

Stellate

Signup page where the user can create an account using GitHub, GitLab, or an email address.

• Sign Up

Stellate

Verification screen confirming that a magic login link has been successfully sent to the user's email address.

• Verification
• Success

Stellate

Onboarding step where the user sets up their organization by providing their company name, website, industry, and role.

• Account Setup

Stellate

Onboarding step where the user configures their GraphQL API endpoint and Stellate subdomain to create a new service.

• Setup Wizard

Stellate

Onboarding step where the user configures their GraphQL server by selecting a framework like Apollo or Yoga and copying the provided installation code snippets.

• Setup Wizard
• Getting Started

Stellate

Inline code editor where the user configures their Stellate edge cache service, with a getting started checklist and metric previews visible above.

• Code Editor
• Dashboard

Stellate

Settings page where a product demo video modal overlays a getting started checklist and a configuration code editor.

• Settings
• Video Player

Stellate

Settings page where the user configures Stellate edge cache rules, currently showing an empty state alongside an onboarding checklist and contextual help.

• Settings
• Empty State

Stellate

Settings page showing an activity log with a code diff for configuration changes, alongside an onboarding checklist and KPI preview banner.

• Activity Log
• Dashboard

Stellate

Settings page where the user configures the GraphQL endpoint origin, custom domain, caching rules, and headers for their Stellate service.

• API Keys
• Dashboard

Stellate

Settings page where the user manages alert rules for error rates and performance regressions.

• Settings
• Rule Builder