CURATED · OPEN · FREE

Tripolis Park

A premium, eco-conscious workspace campus defined by bold typography, expressive 3D visuals, and clean layouts.

PremiumEditorial3DCleanRefined

↓ Download design system (20 MB)Open in OpenDesign

Visit: https://www.tripolis-park.com

📦 Browse pack contents →

Identity DNA

PremiumEco-consciousCampusVisionaryRefined

A premium architectural portfolio that blends organic technology with structured minimalism

Color

#000000Ink

#FFFFFFBG

#E9EAEBBG soft

#F0E7EABG quiet

#808080Muted

rgba(0,0,0,1.0)Line

High-contrast monochrome base with rich, expressive 3D and gradient imagery

Typography

transitional-serif · humanist-sans

display47px · 500
body18px · 400

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

Generous whitespace and padding to emphasize premium architectural feel

Surfaces

sm · 0px

md · 0px

lg · 0px

pill · 999px

Thin 1px solid borders used selectively for structure and emphasis

0 10px 30px rgba(0,0,0,0.1)

Layout

1280container

12columns

24pxgutter

768 / 1024breakpoints

Clean single-column or asymmetric layouts with large negative space and offset text blocks

Motion & Interaction

220msmicro

400mssmall

800msmedium

cubic-bezier(0.42, 0, 0.31, 0.99)easing

Slow ease-out transitions · Parallax-like image reveals

Subtle opacity or transform shifts · Immediate visual feedback with transform

Components

button Text link with an arrow and underline, no background container
card Minimal, relying on large imagery and typography for hierarchy rather than containers
hero Full-screen or large background imagery with overlaid text and geometric accents

Voice & Don'ts

Tone Visionary, confident, and premium
Headlines Short, impactful phrases often with trademark symbols or geometric accents
CTAs Underlined text with a leading arrow

don't use rounded corners on cards or buttons — screenshot shows sharp, clean edges
don't clutter the layout with multiple UI components — screenshot shows generous whitespace
don't use low-contrast text — screenshot shows high-contrast black on white or white on dark
don't use a single, dominant high-chroma accent color — screenshot relies on imagery for color
don't use playful or whimsical typography — screenshot shows structured serif and sans-serif pairings
don't use busy, grid-heavy layouts — screenshot shows clean, asymmetric, and spacious arrangements
Avoid: Busy layouts
Avoid: Low-contrast text
Avoid: Rounded UI components
Avoid: Playful or whimsical language
Avoid: Cluttered interfaces
Avoid: Overly corporate jargon

Inside the pack — real screenshots

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

Captured from the live site · real computed styles

System prompt

This is a premium architectural and real estate website for Tripolis-Park, an eco-conscious campus in Amsterdam. It features a clean, high-contrast monochrome base (black ink on white background) with large, expressive 3D organic imagery and soft gradients as focal points. Typography uses a transitional serif for display and a humanist sans-serif for body text. The layout is spacious, asymmetric, and editorial. Key colors are #000000, #FFFFFF, and #808080. Critical donts: do not use rounded UI components, avoid cluttered layouts, and do not use low-contrast text. The design is refined, visionary, and relies on high-quality visuals rather than complex UI patterns.

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