\DESIGNSORCERY>_

Stellate: Scalable, Secure GraphQL APIs at the Edge

Video · Light

Design System Inspiration

Stellate — extracted via DESIGN.md

Developer Tools · GraphQL API management

dark-theme gradient-heavy clean interactive corporate futuristic sticky navigation scroll-triggered animations gradient accents clear call-to-action buttons

Typography

ttCommons

Heading

Aa Aa Aa Aa

Fira Code

Body

Aa Aa Aa Aa

Color palette

TL;DR

Stellate utilizes a sophisticated monochrome-adjacent palette dominated by Slate Blue (#3b4c6a) and Sky Blue (#608bd8) against a clean white foundation. The system is architected around **ttCommons**, a geometric sans-serif that scales from 52px display heads to 14px utility labels with consistent 550 weight "demibold" emphasis. Functional color is used sparingly but with high intent: Coral (#ff7752) and Rose (#ff4d6d) highlight specific product pillars like Security and Metrics. Components favor soft geometric radii (6px to 12px) and subtle elevation, creating a developer-centric interface that feels both robust and accessible.

Target audience

The likely target audience is developers and enterprises seeking high-performance, secure, and scalable GraphQL API solutions at the edge.

Full tech stack

Contentful Crisp Live Chat Google Tag Manager

Analytics

Google Tag Manager

Meta description

Stellate brings the power of edge computing to GraphQL APIs, delivering enterprise-grade security, global scalability, and low latency. Safeguard your APIs with advanced protections while building resilient, high-performance systems at the edge.

Brand Voice

Authoritative, performance-driven, and engineering-focused.

Positioning

Stellate is an enterprise-grade GraphQL edge platform that provides caching, security, and observability. It is built for engineering teams and businesses that need to scale GraphQL APIs while reducing cloud costs and origin latency.

Voice principles

  • Action-Oriented: Uses strong imperative verbs like Secure, Boost, Protect, and Leverage to lead every value proposition.
  • Quantifiable: Relies on specific metrics (99% reduction, 40ms response times) to prove technical efficacy.
  • Direct: Uses short, declarative sentences that prioritize clarity over cleverness or marketing fluff.
  • Empathetic to Engineers: Acknowledges technical pain points (scaling is tough, malicious queries, traffic spikes) with a "built by engineers for engineers" perspective.

More SaaS/Software Product Designs

← Back to Gallery