Design Glossary

Every controlled-vocabulary term used to tag and describe items in the library, with plain-English definitions. Terms in the Style, Color, Mood and Industry groups link to their browse hubs. Typography terms have no separate hub and are listed without links.

Categories

The library is organized into 17 top-level categories. Each category has its own set of additional fields on top of the shared style, color, typography, mood and industry tags.

Website Sections
Real-world website section designs, heroes, pricing tables, feature grids, testimonials, footers and more, tagged by layout, style and industry so you can find the exact section pattern you need.
Slide Decks
Presentation and pitch-deck slides broken down by role, cover, problem, solution, traction, team, the ask, with the layout and type treatment of each slide described in detail.
Branding
Logos, wordmarks, identity systems and brand applications, organized by style and mood for fast visual-identity reference.
Graphics
Graphic-design pieces spanning abstract, geometric and conceptual work, tagged by style, color and mood.
Fonts
A typeface catalog organized by classification, sans, serif, slab, mono, script, display and handwritten, with specimens and pairing suggestions.
UI & Product
App, web and mobile product UI, screens, dashboards and components, tagged by pattern, style and industry.
Editorial & Print
Editorial spreads, posters, magazines and print design, organized by layout, type treatment and mood.
Website Styles
Full-page website design references with extracted color, type and spacing systems, useful for studying complete visual languages.
Data Visualization
Charts, dashboards and infographics, tagged by chart type, style and mood for analytics and reporting inspiration.
OG Images
Open Graph and social-share card designs, organized by composition and the elements on the card, logo, headline, product shot, illustration and more.
Brand Style Guides
Pages from brand and visual-identity guideline systems, logo usage, color, typography, iconography, tone of voice and layout grammar.
Illustration
Illustration and digital art across styles from line art to richly rendered scenes, tagged by style, color and mood.
Color Palettes
Curated color palettes with hex swatches, organized by feel, bold, muted, earthy, pastel, vibrant and more, for fast color direction.
Mockups
Device and product mockups for presenting designs in context, tagged by type and style.
Motion
Motion-design stills and animated references, organized by style and mood.
Photography
Photographic references, product shots, still life, portraits, architecture and texture studies, tagged by style, color and mood.
Emails
Marketing email designs, welcome flows, newsletters, promos and announcements, organized by email type, layout and the components in the message.

Style

The visual design language of an item. A single item may have multiple style tags when two aesthetics are clearly present. Each value links to a hub page showing all items in that style.

Minimal
A stripped-back aesthetic that removes every non-essential element, leaving generous whitespace, a restrained color palette and a single clear focal point.
Swiss
Grid-based design rooted in the International Typographic Style: strong alignment, sans-serif type, objective photography and a clear visual hierarchy with little decoration.
Editorial
A magazine-influenced approach with expressive typography, confident layout choices and a mix of large images and text blocks that reads like a print spread.
Corporate Clean
Professional and polished without being sterile: structured layouts, conservative color and typography that signals reliability to a business audience.
Brutalist
A raw, high-contrast web style with exposed structure, system fonts, hard edges and little ornamentation. Often deliberately anti-aesthetic.
Neo Brutalist
A refined take on brutalism: bold borders, primary colors, off-set shadows and thick outlines, but with intentional layout and readable type.
Glassmorphism
Frosted-glass surfaces with background blur, semi-transparent fills and subtle borders, creating depth and layering without heavy shadows.
Gradient Heavy
Color transitions do the primary design work: background meshes, button fills and headline text all rely on smooth or sharp gradients as the signature visual element.
Dark Mode
The design is built for a dark background (typically near-black or dark navy) as its canonical state, with light type and carefully managed contrast.
Light Mode
The design is built for a light or white background as its canonical state, with dark type and airy spacing.
Monochrome
The design uses a single hue (or pure black and white) throughout, relying on tint, shade and value contrast for hierarchy rather than color variety.
Boxed
Content is contained in a centered column or card with visible or implied borders, rather than bleeding to the viewport edge.
Technical
Draws on engineering and data aesthetics: monospace type, structured tables, fine lines, diagrams and a utilitarian palette.
Playful
Uses color, illustration, rounded shapes and informal type to communicate energy and approachability over authority.
Luxury
Communicates exclusivity through restraint: serif type, generous whitespace, gold or neutral accents, photography with a fashion-editorial feel.
Retro
Deliberately evokes a past era through period-specific typography, muted or saturated palettes and design conventions that read as nostalgic.
Y2k
Draws from late-1990s and early-2000s digital aesthetics: metallics, chrome, pixel textures, bubble type and saturated neons.
Organic
Uses soft curves, natural textures, earthy or botanical color and a hand-crafted feel to signal nature, wellness or authenticity.
3d Render
Central visual elements are computer-generated 3-D objects or scenes, giving the design depth, material realism and a sense of physical dimensionality.
Illustrated
Custom illustration (vector, raster or hand-drawn) is the primary visual language rather than photography or abstract shape.
Photographic
High-quality photography is the dominant visual element, with typography and layout designed to complement rather than compete with the images.
Data Dense
Packs a large amount of structured information into the viewport using tables, charts, small type and tight spacing.
Maximalist
Deliberately uses more: layered type, saturated color, pattern and texture working together in a way that feels intentional rather than chaotic.
Geometric
Shapes, grids and precise angles are the primary design element, creating order and visual rhythm from pure form.
Abstract
Non-representational visuals: gradients, blobs, distorted forms and generative textures that communicate mood without depicting anything specific.
Flat
No shadows, gradients or depth cues; the design uses solid fills and clean outlines to keep everything on a single visual plane.
Infographic
Information and data are presented as a visual narrative through icons, diagrams, timelines and annotated illustrations rather than raw text.
Line Art
Thin, precise strokes form illustrations or icons with no fill, relying on outline and line weight for expression.

Color

Descriptors for the overall color character of an item. They describe temperature, saturation and contrast, not specific hues. Extracted hex palettes provide the specific colors. Each value links to a hub.

Dark
The dominant tones are deep or near-black, creating a low-luminance palette that reads as sophisticated or dramatic.
Light
The dominant tones are pale or near-white, giving the design an airy, open feeling.
High Contrast
Light and dark values are far apart, creating strong visual tension and clear legibility.
Muted
Saturation is dialed down across the palette, producing tones that feel subdued, sophisticated or understated.
Pastel
Colors are light and low-saturation, with a soft, washed appearance.
Vibrant
Colors are fully saturated and energetic, drawing attention and communicating confidence.
Neon
Electric, glow-effect hues that exceed typical sRGB saturation or appear to emit light on dark backgrounds.
Earthy
Tones drawn from nature: terracotta, sage, sand, clay and warm browns.
Warm
The palette skews toward the warm end of the spectrum: reds, oranges, yellows and warm neutrals.
Cool
The palette skews toward the cool end of the spectrum: blues, cyans, greens and cool grays.
Monochrome
Only one hue is used, differentiated by lightness and saturation, or the design is in pure black, white and gray.
Duotone
Two colors (often one light, one dark) are blended to create a stylized, high-contrast effect.
Gradient
Smooth color transitions between two or more hues are a primary element of the palette.

Typography

How type is set in the item. Tags describe the typeface category and the treatment, not a specific font name.

Sans Serif
Type is set in a typeface without serifs, producing a clean, modern reading texture.
Serif
Type is set in a typeface with serifs, lending authority, tradition or editorial weight.
Monospace
Every character occupies the same horizontal space, giving a code or terminal aesthetic.
Display
The primary type is set in a typeface intended for large sizes, often with expressive or unusual letterforms.
Oversized
Headline type is set at an unusually large size relative to the viewport or container, making type itself the primary visual element.
Condensed
A narrow typeface or condensed weight is used, allowing more characters per line and a distinctive vertical rhythm.
All Caps
Text blocks or headlines are set entirely in uppercase, signaling authority, structure or brand voice.
Mixed Serif Sans
The design intentionally pairs serif and sans-serif typefaces to create contrast between headlines and body text or between different content layers.
Handwritten
Type is set in a script or handwriting typeface, communicating craft, personality or informality.

Mood

The emotional register and tone the design communicates. Mood is assessed from the item as a whole: color, type, imagery, spacing and copy voice together. Each value links to a hub.

Professional
The design reads as competent and business-appropriate without straying into the overly formal or stiff.
Trustworthy
Every design choice reinforces credibility: conservative color, clear hierarchy, substantial typography and honest photography.
Friendly
Approachable tone communicated through soft shapes, warm color, rounded type and a conversational visual voice.
Bold
The design makes strong statements through scale, contrast, weight and confident choices.
Energetic
The design feels active and dynamic through saturated color, diagonal movement, expressive type or kinetic layout.
Calm
Measured pacing, generous whitespace, soft color and unhurried layout create a sense of ease.
Elegant
Refinement in every detail: restrained palette, precise spacing, considered proportion and often a premium typeface.
Technical
The design feels like it was made by and for people comfortable with precision, data and complexity.
Warm
The overall feeling is inviting and human, through color temperature, photography or tone.
Premium
Materials, spacing and restraint signal high cost or exclusivity without stating it explicitly.
Fun
The design is deliberately entertaining and lighthearted, using humor, color or playfulness as primary tools.

Industry

The vertical the design reads as targeting, inferred from visual conventions, content and context. Only applied when the association is reasonably clear. Each value links to a hub.

Saas
Software-as-a-service products: subscription tools, platforms and cloud applications.
B2b
Business-to-business services and software targeting organizations rather than consumers.
Fintech
Financial technology products: banking, payments, lending, wealth management and accounting.
Crypto
Cryptocurrency, blockchain, Web3 and decentralized finance products.
Ai
Artificial-intelligence products, AI-assisted tools and machine-learning platforms.
Ecommerce
Online retail: direct-to-consumer product stores and marketplaces for physical or digital goods.
Retail
Brick-and-mortar or omnichannel retail, including fashion, home goods and consumer products.
Marketplace
Two-sided platforms connecting buyers and sellers, freelancers and clients, or hosts and guests.
Agency
Creative, digital, marketing or consulting agencies presenting their work and services.
Portfolio
Individual creative professionals presenting their work: designers, photographers, developers.
Healthcare
Medical, wellness and health-tech products, clinical services and patient-facing tools.
Education
Learning platforms, online courses, schools, tutoring and ed-tech products.
Real Estate
Property listing, rental, proptech, architecture and construction services.
Travel
Travel booking, hospitality, tourism and destination brands.
Food
Restaurants, food delivery, meal-kit services, grocery and food brands.
Fitness
Fitness apps, gyms, sports brands, health tracking and wellness services.
Media
Publishing, news, podcasts, streaming, entertainment and content platforms.
Nonprofit
Charities, NGOs, foundations and mission-driven organizations.
Developer Tool
APIs, SDKs, developer platforms, CLIs and technical infrastructure products.
Consumer App
Mobile or web apps targeting individual end users rather than businesses.
Hardware
Physical products, electronics, IoT devices and hardware companies.
Legal
Law firms, legaltech platforms, compliance and regulatory services.
Customer Support
Helpdesk, live chat, ticketing and customer-success platforms.
Analytics
Data analytics, business intelligence, dashboards and insight platforms.
Security
Cybersecurity, identity management, compliance and privacy products.
Marketing
Marketing automation, email, SEO, advertising and campaign tools.
Sales
CRM, sales enablement, outreach and pipeline management tools.
Hr
Human resources, recruiting, payroll, people ops and workforce tools.
Payments
Payment processing, invoicing and financial infrastructure.
Data
Data infrastructure, pipelines, data science tools and data platforms.
Productivity
Task management, note-taking, collaboration and workflow tools.