Tetrisly wireframing and design-system component library
A predominantly white page uses bold black headings, teal accents, interface mockups, and pale abstract textures. Content is organized into spacious feature sections before transitioning to a dense black pricing and footer area.
About this website template
This template is built for promoting a wireframing and design-system component library and selling a design toolkit. It is written for design professionals and design teams. Common uses include creating wireframes, building scalable design systems, organizing reusable interface components and purchasing design toolkit licenses. It suits work in digital product design and design software.
The design is clean contemporary web design, minimal interface presentation, soft abstract decoration and high-contrast CTA treatment, with a clean, confident, modern and informative tone, laid out as full-width navigation header, centered hero section, alternating feature sections, two-column content areas and dark pricing and footer section.
Template details
- Format
- website
- Purpose
- promoting a wireframing and design-system component library, selling a design toolkit
- Audience
- design professionals, design teams
- Use cases
- creating wireframes, building scalable design systems, organizing reusable interface components, purchasing design toolkit licenses
- Industries
- digital product design, design software
- Style
- clean contemporary web design, minimal interface presentation, soft abstract decoration, high-contrast CTA treatment
- Tone
- clean, confident, modern, informative
- Typography
- bold sans-serif headings, regular sans-serif body text, uppercase navigation labels, high-contrast button text
- Colours
- white, black, teal, mint green, light blue, soft gray
- Imagery
- UI screenshots, interface mockups, abstract watercolor-like textures, decorative geometric marks
- Density
- medium
- Aspect ratio
- 6:7
Preview
Related templates
UIForms design library for building customizable formsWebsite
A collection of UI cards, design-system components, and workflow examplesWebsite
Overrides and interactive UI components for FramerWebsite
Figma design system starter kitWebsite
design and development resourcesWebsite
Open-source flag icon library and integration toolsWebsite
Handy Components Figma plugin for accessing and pasting flexible UI componentsWebsite
Human-centered creative tools and interface componentsWebsite
