设计与前端
4,640 个结果
- Data Display And SelectionDembrandtView modes, row selection, mass actions, sorting, filters, search and table patterns. Use when designing data tables, listings, file browsers or any collection.
- Domain Expert ConfigurationDembrandtSettings for experts who are not developers — domain language, sane defaults, grouping by professional concept. Use when designing settings panels, solver configuration or constraint editors.
- Elevation And DepthDembrandtShadows and layering that lift elements above the surface. Use when designing cards, dropdowns, modals, tooltips or any floating element.
- Elixir Architectmaxim-istUse when designing or architecting Elixir/Phoenix applications, creating comprehensive project documentation, planning OTP supervision trees, defining domain models with Ash Framework, structuring multi-app projects with path-based dependencies, or preparing handoff documentation for Director/Implementor AI collaboration
- Extract DesignDembrandtExtract colours, typography, spacing, components and W3C design tokens from a live website with Dembrandt. Use when you need a site's real tokens or want to seed a design system from it.
- Form DesignDembrandtHelper text, placeholders, validation and submit behaviour. Use when designing or reviewing a form, input field or data entry UI.
- Gestalt UI OrganisationDembrandtGroup controls with Gestalt principles so users see what belongs together. Use when laying out components, navigation, toolbars, forms or dashboards.
- Global Toolbar ControlsDembrandtCurrency, language, region and unit selectors live in a low-profile header or footer spot. Use when designing locale switchers or product-wide preference controls.
- Information ArchitectureDembrandtNaming, navigation, a UI that mirrors the data model, confirms for irreversible changes. Use when structuring a large application or naming its entities.
- Layout Paradigms And ConsistencyDembrandtChoose a layout paradigm (feed, board, table, canvas, master-detail, dashboard) and reuse it across screens. Includes a landing page narrative framework. Use when structuring a screen, page template or landing page.
- Loading States And Perceived PerformanceDembrandtSpinners, skeletons and staggered reveals that manage wait times. Use when designing loading states, async data or the feel of a slow interface.
- Marketing Vs Product SystemDembrandtA marketing site and its product may differ in density and scale but share one token layer. Use when the two drift apart, share components or need a single token owner.
- Micro InteractionsDembrandtSmall purposeful animations — toggles, animated icons, success moments. Use when designing interactive feedback, success states or loaders.
- Modal And Overlay PatternsDembrandtModals, drawers, bottom sheets and popovers, each with its scope and blocking level. Use when designing dialogs, confirmations, side panels or action sheets.
- Motion And StorytellingDembrandtDisney's animation principles and cinematic technique applied to UI motion. Use when designing transitions, scroll animations or onboarding motion.
- Notifications And RecoveryDembrandtToasts, inline errors, banners and recovery paths. Use when designing error states, success confirmations, async feedback or in-place editing.
- Operational Expert Tool UIDembrandtDense, linear, status-at-a-glance UI for specialists who use a tool all day. Use when designing dispatch, warehouse, logistics, scheduling or other B2B operations tools.
- Real World MetaphorsDembrandtCards, drawers, carousels and other patterns borrowed from the physical world. Use when designing layout patterns, gestures or navigation paradigms.
- Repeated Component AlignmentDembrandtCards, rows, tiles and cells are fixed slot models that stay aligned when content length varies. Use when building or reviewing any repeated component.
- Responsive ParadigmsDembrandtMobile, tablet and desktop are different paradigms, not one layout scaled. Use when designing responsive layouts or deciding what each breakpoint shows.
- Semantic Html And SEODembrandtSemantic HTML5, SEO basics, alt text, progressive enhancement and SPA concerns. Use when building web UI, reviewing markup or optimising for search.
- Status Colors And ErrorsDembrandtFew semantic colours, each meaning one thing, and errors with a way forward. Use when designing status indicators, validation, alerts or error states.
- Surface SeparationDembrandtSet a surface apart by one means — border, elevation or fill — and keep opacity for state. Use when designing cards, panels, list rows, toolbars or any container.
- Tab NavigationDembrandtTabs swap views under a shared context. Use when designing tabbed layouts, settings pages, detail views or dashboards with several data views.