Interface Lab

Interface Lab Library

LibraryAssets232 items

Assets connect real visual material to the project workflow.

Assets collect images, links, docs, and visual references so generation can work from real material and clear region roles.

Skills91
Website Systems93
PPT Styles55
Assets232
Assets

Assets

Material input layer: turn images, links, docs, and visual references into usable generation context.

Open Asset Workspace
Asset · 8.8KPro

Aura Asset Images

Use image assets as a curated library with clear crop roles and text-safe negative space.

Use for heroes, feature cards, case previews, resource cards, avatar/background images, and PPT screenshot slots; inputs must include image URL/file, source license, subject, target crop, text-overlay area, alt/caption role, and target ratio.Pro
Asset · 0Pro

Component Library Fit Intake

Evaluate license, brand voice, stack fit, theming, and maintenance cost before adopting resources such as Radix, shadcn, Headless, Material, Fluent, Carbon, Spectrum, GOV.UK, or USWDS.

First read existing components, tokens, CSS variables, Tailwind/shadcn/Radix config, dependency tree, and design-system docs; do not add a second system just because a library looks polished.Pro
Asset · 0Pro

Landing Page Quality Assets

Constrain landing pages around first-viewport product signal, real image assets, CTAs, trust modules, media ratios, alt text, and license risk.

The first viewport must immediately communicate the brand, product, place, person, or concrete offer; do not rely only on abstract gradients, decorative art, or vague slogans.Pro
Asset · 0Pro

Stock Video Hero Background

Select, license, optimize, and implement accessible stock video for website heroes, brand pages, and background b-roll, covering credit, release risk, posters, pause controls, and reduced motion.

Use for landing heroes, brand pages, portfolio openings, case-study pages, campaign pages, background b-roll, and Coverr/Mixkit/Pexels video assets; inputs must include page role, video role, source or query, commercial context, target viewports, and autoplay requirement.Pro
Asset · 0Pro

Asset License Intake

Record source, license, commercial-use status, attribution, install path, and RAG keywords for fonts, icons, patterns, illustrations, Lottie, and UI kits.

Before intake, verify asset-level licensing, not just platform licensing; Iconify, LottieFiles, and aggregated font/icon sites require checking each collection or file.Pro
Asset · 0Pro

Asset Attribution Credit Surface

Design visible credits, source links, modification notes, and export persistence for CC BY, custom-licensed photos, patterns, illustrations, Lottie, maps, and similar assets.

Inputs must include asset list, page/export context, license name, author/title/source/license links, modification status, commercial context, and whether a no-endorsement notice is needed.Pro
Asset · 0Pro

Font Delivery Governance

Define license checks, delivery choice, self-hosting/CDN strategy, fallback, performance, and multilingual loading for Web/UI fonts.

Inputs must include target languages/scripts, UI roles (body/display/mono/CJK fallback), required weights/styles, target framework, privacy/compliance constraints, offline/intranet requirements, and performance budget.Pro
Asset · 0Pro

Icon Source Governance

Choose primary icon sets and govern license/trademark checks, import strategy, and accessible naming for product icons, brand logos, and aggregated SVG resources.

Inputs must include product tone, UI density, icon roles (navigation/action/status/brand/empty state), sizes, existing icon set, technical framework, and whether real brand logos are needed.Pro
Asset · 0Pro

Brand Logo Usage Audit

Audit brand-logo purpose, trademark guidance, endorsement risk, and accessible naming in integrations, customer walls, payment methods, social login, and tech-stack badges.

Inputs must include brand list, placement, real relationship (integration/customer/partner/payment/login/technical reference), logo source, commercial context, page copy, and target devices.Pro
Asset · 0Pro

Generated Asset Provenance

Record generation chain, source references, edit history, rights risk, and RAG metadata for AI-generated images, video, illustration, texture, and mockup assets.

Generated assets are not source-less assets; before intake, record tool/model, generation date, prompt summary, source references, input rights, edit/upscale/crop history, and final file path.Pro
Asset · 0Pro

Photo and 3D Asset Citation Intake

Create citation, license, optimization, and frontend-integration records for open images, photos, NASA/Wikimedia/Openverse media, HDRIs, PBR textures, glTF/GLB, and 3D models.

Inputs must include asset role (hero/detail/background/evidence/3D scene/test model), page context, commercial-use status, target output format, target size/frame rate/device range, candidate source links, and whether people, brands, or places are involved.Pro