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.