CURATED · OPEN · FREE

Stykka

A premium platform for designing custom kitchens and interiors, characterized by large photographic hero sections and clean, serif-led typography.

PremiumCleanRefinementEditorialStudio

↓ Download design system (45 MB)Open in OpenDesign

Visit: https://stykka.com

📦 Browse pack contents →

Identity DNA

architecturekitchenscurationcraftminimal

A high-end architecture magazine

Color

#000000Ink

#FFFFFFBG

#B8B8B8Muted

rgba(0,0,0,0.1)Line

Minimalist palette relying on high-quality photography for color, with strict black-and-white UI elements.

Typography

geometric-sans · humanist-sans · monospace

display46px · 500
body16px · 400

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

Consistent application of padding and gap around imagery.

Surfaces

sm · 4px

md · 8px

lg · 16px

pill · 999px

minimal 1px solid borders on certain interactive elements.

Layout

1280container

12columns

24pxgutter

768 / 1024breakpoints

Edge-to-edge photography with generous whitespace margins.

Motion & Interaction

220msmicro

400mssmall

800msmedium

cubic-bezier(0.25, 0.1, 0.25, 1)easing

Fade-in on scroll

Subtle opacity change on links and buttons. · Immediate state change or navigation.

Components

button Transparent background with a subtle border and text-only label.
card Large photographic cards with a solid color background containing text.
chip Text labels with a small plus or bullet icon.
input Text input fields with a bottom border only.
hero Full-screen photographic background with large, left-aligned typography.

Voice & Don'ts

Tone Professional, aspirational, and calm.
Headlines Direct and descriptive, using large geometric sans-serif.
CTAs Simple, action-oriented text like 'Start building'.

Don't use saturated accent colors — screenshot shows a monochrome UI that defers to photography.
Don't use drop shadows on UI elements — screenshot shows completely flat design.
Don't use center-aligned body text — screenshot shows strict left alignment.
Don't use decorative scripts for headlines — screenshot shows clean geometric sans-serifs.
Don't use small, dense text blocks — screenshot shows generous whitespace and large type.
Don't use complex iconography — screenshot shows simple, text-based navigation.
Avoid: Flashy animations
Avoid: Cluttered layouts
Avoid: Saturated UI colors

Inside the pack — real screenshots

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

Captured from the live site · real computed styles

System prompt

Stykka is a premium platform for designing custom kitchens, characterized by a clean, editorial aesthetic that prioritizes high-quality photography. The design relies on a minimalist black-and-white color palette (#000000 for ink, #FFFFFF for background) to let the product imagery stand out. Typography is a mix of geometric sans-serifs for headlines and humanist sans-serifs for body text, featuring tight tracking. Critical donts include: avoid using saturated UI colors, avoid complex shadows or gradients, and avoid center-aligned body copy. The layout is spacious, using generous whitespace and large, edge-to-edge imagery to create a sense of calm and refinement.

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