Variable fonts and typographic controls in Figma
A light, highly graphic webpage combines oversized black type with lavender and white sections, vivid green accents, and colorful geometric decorations. Large type specimens, explanatory copy, outlined interface panels, and icon rows create a structured but expressive visual system.
Sobre este modelo de website
This template is built for showcase variable fonts, educational explanation of typography controls and interactive font demonstration. It is written for designers, typographers and Figma users. Common uses include Presenting variable font features and axes, Demonstrating optical sizing and font variation and Providing interactive examples of typeface settings. It suits work in graphic design, typography and design software.
The design is bold typographic, playful geometric, experimental, editorial and high-contrast, with a playful, energetic, experimental and expressive tone, laid out as left navigation rail, large typographic hero, stacked content sections, wide centered content column and interactive demonstration panels.
Detalhes do modelo
- Format
- website
- Purpose
- showcase variable fonts, educational explanation of typography controls, interactive font demonstration
- Audience
- designers, typographers, Figma users
- Use cases
- Presenting variable font features and axes, Demonstrating optical sizing and font variation, Providing interactive examples of typeface settings
- Industries
- graphic design, typography, design software
- Style
- bold typographic, playful geometric, experimental, editorial, high-contrast
- Tone
- playful, energetic, experimental, expressive
- Typography
- oversized bold sans-serif display type, high-contrast serif specimens, mixed typographic styles, large variable-size type examples
- Colours
- lavender, black, white, bright green, yellow, coral pink, cobalt blue
- Imagery
- geometric decorative shapes, interface icons
- Density
- medium
- Aspect ratio
- 6:7
Visualizar
Modelos relacionados
Color fonts and chromatic typographySite
Creating stippling effects in FigmaSite
Advanced Figma features and design workflowsSite
MacPaw Fixel typeface and its styles, weights, and alternate charactersSite
Magician, an AI-powered design tool for FigmaSite
Design systems creation with FigmaSite
Converting Figma designs into WordPress websitesSite
3D design elements and scenes for FigmaSite
