Figma design systems, UI components, and workflow resources
A high-contrast web page combining a spacious white hero with bright blue calls to action and a dark feature-card section. Rounded panels, soft shadows, sparse abstract forms, and large sans-serif headlines create a polished contemporary appearance.
About this website template
This template is built for promoting a design system and UI kit and showcasing design resources. It is written for designers, UX/UI professionals and design teams. Common uses include selling or distributing a design system kit, presenting reusable UI components and design standards and marketing UX/UI resources. It suits work in digital product design and software.
The design is minimal, high-contrast, rounded cards, soft shadows and subtle glassmorphism, with a clean, bold, technical and modern tone, laid out as centered hero, full-width alternating light and dark sections, three-column feature card grid and large typographic callout.
Template details
- Format
- website
- Purpose
- promoting a design system and UI kit, showcasing design resources
- Audience
- designers, UX/UI professionals, design teams
- Use cases
- selling or distributing a design system kit, presenting reusable UI components and design standards, marketing UX/UI resources
- Industries
- digital product design, software
- Style
- minimal, high-contrast, rounded cards, soft shadows, subtle glassmorphism
- Tone
- clean, bold, technical, modern
- Typography
- bold sans-serif headlines, large display type, medium-weight sans-serif body text, clear heading hierarchy
- Colours
- white, black, charcoal, bright blue, light gray
- Imagery
- abstract background forms, UI screenshots, line icons
- Density
- high
- Aspect ratio
- 6:7
Preview
Related templates
Wireframing and UI design starter kit for Sketch and FigmaWebsite
A collection of UI cards, design-system components, and workflow examplesWebsite
Universal web UI kit for creating landing pages, websites, and dashboards in FigmaWebsite
Visual systems, web design, and interface componentsWebsite
Figma design system starter kitWebsite
Handy Components Figma plugin for accessing and pasting flexible UI componentsWebsite
Atomize design system for FigmaWebsite
Figma design system and customizable UI componentsWebsite
