← OpenDesign
CURATED · OPEN · FREE
Holographik
Strategy-led design studio creating brands and visual systems.
Studio Bold Typography Expressive Clean Premium
01
Identity DNA
Strategy-led Visual Systems Digital Products Branding
A high-end design studio with a bold, clean aesthetic
02
Color
#66CCFFAccent
#111111Ink
#F5F5F5BG
#FFFFFFBG soft
#999999Muted
rgba(17, 17, 17, 0.1)Line
High contrast with a clean, neutral backdrop.
03
Typography
geometric-sans · grotesque-sans
display 120px · 700body 16px · 400All-caps for the primary display text. · Geometric sans-serif for headings. · High contrast between display and body text sizes.
04
Spacing
4px
8px
16px
24px
32px
48px
64px
96px
Standard 4px base grid.
05
Surfaces
sm · 0px
md · 0px
lg · 0px
pill · 160px
Minimal to none.
06
Layout
1280 container
12 columns
24px gutter
768 / 1024 breakpoints
Full-bleed hero with bottom-aligned massive typography.
07
Motion & Interaction
220ms micro
400ms small
800ms medium
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.
08
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.
09
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
10
Inside the pack — real screenshots
桌面首屏(hero) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 移动首屏 Captured from the live site · real computed styles
11
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.
More from the library
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
Why we curated this: The site is a prime example of using massive typography and 3D imagery to create a high-impact, premium brand presence for a design studio.