CURATED · OPEN · FREE

Holographik

Strategy-led design studio creating brands and visual systems.

StudioBold TypographyExpressiveCleanPremium

↓ Download design system (7 MB)Open in OpenDesign

Visit: https://www.holographik.co

📦 Browse pack contents →

Identity DNA

Strategy-ledVisual SystemsDigital ProductsBranding

A high-end design studio with a bold, clean aesthetic

Color

#66CCFFAccent

#111111Ink

#F5F5F5BG

#FFFFFFBG soft

#999999Muted

rgba(17, 17, 17, 0.1)Line

High contrast with a clean, neutral backdrop.

Typography

geometric-sans · grotesque-sans

display120px · 700
body16px · 400

All-caps for the primary display text. · Geometric sans-serif for headings. · High contrast between display and body text sizes.

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

Standard 4px base grid.

Surfaces

sm · 0px

md · 0px

lg · 0px

pill · 160px

Minimal to none.

Layout

1280container

12columns

24pxgutter

768 / 1024breakpoints

Full-bleed hero with bottom-aligned massive typography.

Motion & Interaction

220msmicro

400mssmall

800msmedium

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

Subtle hover transitions on links. · 3D object likely has a slow, looping rotation or drift.

Color transition on links. · Minimal feedback.

Components

button Minimal, likely pill-shaped with high contrast.
card None visible.
chip None visible.
input None visible.
hero Full-viewport with a 3D abstract object and massive overlaid text.

Voice & Don'ts

Tone Confident, professional, and bold.
Headlines All-caps, massive, and integrated with 3D imagery.
CTAs Minimalist, likely a simple link or pill button.

Don't use small, timid typography — the screenshot shows massive, bold display text.
Don't use a busy or dark background — the screenshot shows a clean, light gray background.
Don't use many different colors — the screenshot shows a very limited palette of black, white, light gray, and a single light blue accent.
Don't use rounded corners on primary elements — the screenshot shows sharp edges or pill shapes only.
Don't use a complex navigation menu — the screenshot shows only two text links in the top right.
Don't use subtle, low-contrast typography — the screenshot shows high-contrast, black-on-light-gray text.
Avoid: Clichéd corporate jargon
Avoid: Overly complex navigation

Inside the pack — real screenshots

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

Captured from the live site · real computed styles

System prompt

This is a bold, high-end design studio website. It features massive, all-caps geometric sans-serif typography (using Helvetica Neue) as the primary design element, often interacting with 3D abstract objects. The color palette is extremely restrained, primarily using light gray (#F5F5F5), black (#111111), and a single light blue accent (#66CCFF). The layout is clean and full-bleed. Critical don'ts: Don't use small, timid typography — the hero text is massive. Don't use a busy background — keep it clean and light. Don't use many colors — stick to a monochrome-plus-one-accent palette.

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