Design Rocket 证书课程邮件页v1.0 已发布
8.1K
Design Rocket 证书课程邮件页 Design SystemDesign Rocket 证书课程邮件页 建立了一套Glass、Layered 的营销落地页系统。可复用层是字体、色彩、间距、圆角、表面、组件和基础动效；特殊 Skill 单独映射。
Typography
Heading systemInter / 58px / 600 / - / -Body systemInter / 18px / 400 / - / -Inter
LettersAa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk LlNumbers01 02 03 04 05 06 07 08 09
Colors
Primary#050505

10% usage signal

Secondary#F2F2F2

25% usage signal

Tertiary#111111

6% usage signal

Neutral#FFFFFF

60% usage signal

linear-gradient(to bottom,rgba(17,17,17,0) 45%
Layout
LayoutLayeredWidthFull BleedGridMinimalFramingGlass
导航与入口主叙事区视觉场与背景层内容/数据表面行动路径
Spacing
12px10pxTitle block

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

10px12px16px20px24px32px36px40px42px48px
Buttons
Product
Icons
LinearKeep one stroke/fill rule and align icons to the spacing scale.
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.

6pxradius-18pxradius-210pxradius-314pxradius-4
Card surfaceInput fieldStatus pill