CURATED · OPEN · FREE

Aletagency

A Copenhagen-based creative studio and production house with a curated, editorial digital presence.

AgencyStudioCurationPhotographicRefined

↓ Download design system (5 MB)Open in OpenDesign

Visit: https://aletagency.com

📦 Browse pack contents →

Identity DNA

CreativeStorytellingProductionCopenhagen

A digital mood board that serves as a curated, high-end portfolio

Color

#000000Ink

#252525Ink soft

#E5DDC4BG

#A2A093Muted

rgba(0, 0, 0, 0.1)Line

Muted, earthy neutral background with high-contrast black typography.

Typography

transitional-serif · humanist-sans

display23px · 400
body11px · 400

Use wide letter-spacing for navigation and labels · Reserve serif for expressive hero moments

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

Generous vertical rhythm with massive whitespace around the core content

Surfaces

sm · 11px

md · 11px

lg · 11px

pill · 9999px

Minimal, relying on spacing for separation

rgba(0, 0, 0, 0.1) 0px 1px 3px 0px · rgba(0, 0, 0, 0.06) 0px 1px 2px 0px

Layout

1280container

12columns

24pxgutter

768 / 1024breakpoints

Centered content with generous padding and a masonry-style image arrangement

Motion & Interaction

220msmicro

400mssmall

800msmedium

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

Cursor changes to 'grab' to indicate draggable gallery

Subtle color transitions on interactive text elements · Drag-to-explore interaction on the main gallery

Components

button Minimal, typography-based navigation links
card Oversized, photographic cards with subtle borders
chip Simple pill-shaped toggle for view modes (Linear/Random)
hero A dynamic, overlapping grid of project imagery with a centered text statement

Voice & Don'ts

Tone Professional, sophisticated, and understated
Headlines Serif-based, slightly poetic statements
CTAs Clean, sans-serif, uppercase labels

don't use bright accent colors — screenshot shows a strictly muted, earthy palette
don't apply heavy drop shadows — screenshot shows minimal, soft elevation only
don't use a strict grid for images — screenshot shows a dynamic, overlapping layout
don't use decorative sans-serif fonts — screenshot uses a functional humanist sans for UI
don't clutter the interface — screenshot prioritizes massive whitespace and breathing room
don't use all caps excessively — screenshot reserves it strictly for navigation and toggles
Avoid: Loud marketing jargon
Avoid: Complex layout patterns
Avoid: Cluttered interfaces

Inside the pack — real screenshots

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

Captured from the live site · real computed styles

System prompt

This site is a Copenhagen-based creative agency portfolio that prioritizes a refined, editorial aesthetic. The primary background is a warm, muted beige (#E5DDC4) paired with stark black typography (#000000). The font system utilizes a transitional serif for expressive moments and a humanist sans-serif for functional UI elements. Critically, the design avoids bright accents, heavy shadows, and cluttered grids, instead utilizing massive whitespace, subtle borders, and overlapping photographic cards. Navigation is minimalist and uppercase, and interactions focus on a tactile 'grab-to-explore' gallery.

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