Interface Lab

Crypto 深色落地页v1.0 已发布

2.6K

Crypto 深色落地页 Design SystemCrypto 深色落地页建立了一套Glass、Layered 的营销落地页系统。可复用层是字体、色彩、间距、圆角、表面、组件和基础动效；特殊 Skill 单独映射。

Typography

Heading systemInter / 48px / 600 / - / -Body systemInter / 12px / 400 / - / -Inter

LettersAa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk LlNumbers01 02 03 04 05 06 07 08 09

Colors

Primary#02070D

40% usage signal

Secondary#F8FBFF

20% usage signal

Tertiary#155CFF

20% usage signal

Neutral#8DA0B7

20% usage signal

radial-gradient(circle at 82% 35%,#155cff55,transparent 28%)linear-gradient(135deg,#0047ff,#00d2ff)

Layout

LayoutLayeredWidthFull BleedGridMinimalFramingGlass

导航与入口主叙事区视觉场与背景层内容/数据表面行动路径

Spacing

24px18pxTitle block

Description copy reflects measured rhythm, icon offset, and CTA spacing.

18px24px28px34px

Elevation & Depth

Depth is communicated through surfaces, borders, shadows, and blur treatments.

Reusable shadowsReusable shadows / Gradient surfaces

Surface sampleGlass

SurfaceGlassBorder1px solid currentColor / low opacityShadow0 25px 50px rgba(0,0,0,.35)Blur12px

Shapes

Shapes define the radius family for cards, inputs, tags, and supporting surfaces.

18pxradius-128pxradius-2

Card surfaceInput fieldStatus pill

Interface Lab Skills

WebGL 光束CoreLayout / Components / Elevation