CURATED · OPEN · FREE

Stellar Work

Elite design services delivered with agency speed.

AgencyPortfolioPremiumBold TypographyClean

↓ Download design system (29 MB)Open in OpenDesign

Visit: https://www.stellar.work

📦 Browse pack contents →

Identity DNA

fastelitedesignsprintsenior-level

A high-end design boutique offering speed and exclusivity.

Color

#6A48F2Accent

#FFFFFFInk

#888888Ink soft

#171718BG

#2C2C2EBG soft

rgba(255, 255, 255, 0.2)Line

Dark, neutral foundation with a single electric purple accent for primary actions.

Typography

grotesque-sans

display80px · 400
display-lg96px · 400
body16px · 400

Tight tracking on large display text · Generous vertical spacing between sections

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

128px

200px

280px

Flexible grid with large vertical padding (128-280px) to create breathing room.

Surfaces

sm · 4px

md · 10px

lg · 16px

pill · 50px

Subtle 1px borders in rgba(255,255,255,0.2) for faint separation.

0px 0px 16px 0px rgba(255, 219, 0, 0.5)

Layout

1280container

12columns

24pxgutter

768 / 1024breakpoints

Centered, wide container with generous horizontal padding and tight vertical alignment in the hero.

Motion & Interaction

220msmicro

300mssmall

500msmedium

cubic-bezier(0.4, 0, 0.2, 1)easing

Smooth transitions on all interactive elements (0.3s) · Subtle fade-ins for content reveal

Subtle background or opacity shift on buttons and interactive elements. · Immediate visual feedback with slight scale or opacity change.

Components

button Pill-shaped (border-radius: 50px) with solid accent fill and white text.
card Dark background cards (rgba(23,23,24,1.0)) with subtle borders and rounded corners.
chip Pill-shaped tags for filtering (e.g., 'Branding', 'Web Design').
hero Massive, tightly tracked display type on a dark background with minimal imagery.

Voice & Don'ts

Tone Confident, direct, and premium.
Headlines Short, punchy, and value-driven statements.
CTAs Clear, action-oriented verbs like 'Reserve' or 'Start'.

don't use bright or pastel backgrounds — screenshot shows deep dark grey (#171718) instead
don't use decorative or handwritten fonts — screenshot shows a clean grotesque-sans instead
don't use multiple high-chroma accent colors — screenshot shows a single dominant purple (#6A48F2) instead
don't use small, cramped display typography — screenshot shows massive, tightly tracked headlines instead
don't use sharp, square corners on buttons — screenshot shows pill-shaped (50px radius) buttons instead
don't use busy, cluttered layouts — screenshot shows generous whitespace and a clean grid instead
Avoid: Humble or overly polite language
Avoid: Generic corporate jargon
Avoid: Excessive exclamation marks
Avoid: Long-winded explanations

Inside the pack — real screenshots

Stellar Work — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Captured from the live site · real computed styles

System prompt

Stellar Work is a premium, high-speed design agency landing page characterized by a dark, moody aesthetic and massive, tightly tracked grotesque-sans typography. The color palette is strictly monochrome (dark grey #171718 background, white #FFFFFF ink, #888888 muted) with a single vibrant electric purple (#6A48F2) used exclusively for primary call-to-action buttons and accents. The layout is spacious and centered, with generous vertical padding and a 12-column grid. Avoid light backgrounds, decorative serif fonts, multiple bright colors, or cluttered, information-dense sections. Keep interactions smooth with 0.3s transitions and maintain a confident, direct voice in all copy.

Bring this taste to your agent

Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.

OpenDesign skill ↗ · This pack for agents ↗

en · zh-CN · zh-TW · ja · ko