Interface Lab

Veridia 生物识别银行验证 Herov1.0 已发布

101.0K

Veridia Biometric LandingVeridia 生物识别银行验证 Hero 建立了一套Glass、Layered 的营销落地页系统。可复用层是字体、色彩、间距、圆角、表面、组件和基础动效；特殊 Skill 单独映射。

Typography

Heading systemHelvetica Now Text / 48px / 600 / - / -Body systemHelvetica Now Text / 14px / 400 / - / -Helvetica Now Text

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

Colors

cream#FFFFFF

23% usage signal

linergba(0,0,0,0.1)

24% usage signal

ink#171C18

15% usage signal

moss#24401F

8% usage signal

logo-muted#9D9A90

54% usage signal

Layout

LayoutLayeredWidthBoundedGridMinimalFramingGlass

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

Spacing

16px8pxTitle block

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

8px16px24px32px48px64px

Icons

LinearKeep one stroke/fill rule and align icons to the spacing scale.

Shapes

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

6pxradius-19999pxradius-2

Card surfaceInput fieldStatus pill

Interface Lab Skills

Grid-line DividersSupportLayout / SpacingBiometric Banking HeroDetailButtons / Components