x ui dictionary

The Digital Designer's Dictionary

The Digital Designer's Dictionary is a practical and specialized tool that brings together the fundamental and emerging concepts of digital design. Designed for UX / IU designers, UX editors, researchers, front-end developers and product equipment, this resource offers clear definitions, real applications and actionable examples for each term.

From classic concepts like affordance up to methodologies such as Atomic Design, going through tools for daily use such as Auto Layout in Figure, each entry is designed to help you communicate better, design more intensively and make informed decisions.

A / B Testing

The A / B Testing is a testing methodology that compares two versions of the same page, component or content to determine which one works best based on a specific metric, such as conversion rate or clicks.

Practical application of A / B Testing: It is used to make data-based decisions, especially in optimization phases. Common tools include Google Optimize, Optimizely or VWO.

Example of A / B Testing: Try two versions of a CTA button on a home page: one with the text «Try it for free.» and another with «Start now» to see which one generates more records.

Above the fold

«Above the fold» makes reference to the visible content on screen before making scroll. It comes from the editorial design, and on the web it is crucial to capture the immediate attention of the user.

Practical implementation of above the fold: It is considered in the information architecture and visual hierarchy. The key content and calls to action must be located in this area.

Example of above the fold: In a landing page, include the main value of the product, an illustrative image and a CTA highlighted just when loading the page.

Accordion (Acordeon)

An accordion is an interactive design pattern that allows you to expand or contract content sections within the same view. It improves organization and usability in interfaces with extensive information.

Practical application of accordion: It is often used in FAQs, side menus or complex forms. Its implementation must ensure accessibility and clarity in open / closed states.

Example of accordion: A list of frequent questions where each question acts as a header that can be clicked to show or hide your answer.

Accessibility

Accessibility in digital design refers to the creation of products and services usable by all people, including those with visual, hearing, motor or cognitive disabilities. It aims to remove barriers to equitable access to information and functionalities.

Practical application of accessibility: It is applied throughout the design and development cycle. It includes good practices such as appropriate color contrast, keyboard navigation, semantic labels and alternative image descriptions.

Example of accessibility: An accessible form allows you to navigate between fields with the Tab key, has labels associated with each field and displays clear and legible error messages.

Adaptability

The adaptability describes the ability of an interface to fit different devices, screen sizes or use contexts without compromising functionality or experience.

Practical adaptability application: It is essential in context-focused and responsive design. It is achieved by means of fluid grids, half-claims, and scalable components.

Example of adaptability: A recipe web that works correctly on both desktop screens and small mobile, reorganizing the content blocks according to width.

Affordance

The concept of affordance describes the visual tracks that indicate how the user should interact with an element. He was introduced by psychologist James Gibson and adapted to the design by Don Norman.

Practical application of affordance: It applies to the design of buttons, links or icons that must communicate their functionality intuitively. It helps reduce errors and improves experience.

Example of affordance: A button with shaded and rectangular shape that looks «Pressursible» correctly communicate your affordance.

Alt text (alternative text)

The alternative text describes the content of an image so that it can be interpreted by screen readers or shown in case the image does not load. It is essential for web accessibility.

Practical application of alt text: It is included as attribute «alt» in the HTML code of an image. It should be descriptive, brief and relevant.

Example of alt text: An image of a bar chart on quarterly sales must have an alt text like «Figure showing sales growth in the second quarter».

Anchor link (Anchor link)

A anchor link is a link that directs to a specific section within the same website. Improves navigation and can positively influence user experience and positioning SEO.

Practical application of anchor link: It is commonly used in content indices, FAQs or long pages. It is implemented with the href attribute and an ID in the destination.

Example of anchor link: A side menu that allows you to jump to sections like «Specifications», «Opinions» or «Guarantee» in a product sheet.

Anchor text (Anchor)

The anchor text is the visible and clichable part of a link. It is relevant to the SEO and must clearly describe the destination of the link.

Practical application of anchor text: It is optimized in web content strategies. Avoid generic phrases such as "click here" and prefer informative expressions such as "see full accessibility guide."

Example of anchor text: In a blog article on inclusive design, a link within the paragraph says "principles of web accessibility," directing to another page with such information.

Antipatterns

Antipatterns are common but ineffective solutions that make the user's experience worse. They are usually adopted by custom or lack of analysis, and should be avoided in user-centred design.

Practical application of antipatterns: Identifying antipatterns helps improve products. Some examples include infinitely long forms, confusing confirmations or intrusive pop-ups.

Example of antipatterns: Enforcing users to register before seeing the content of a web is an antipattern that can increase abandonment.

ARIA - Accessible Rich Internet Applications

ARIA is a set of attributes that improves the accessibility of rich web interfaces, allowing screen readers to understand widgets, states and functions that are not present in a native way in HTML.

Practical implementation of ARIA: It is implemented in custom components such as leaders, manners or tabs, using roles, states and ARIA properties to communicate its function.

Example of ARIA: A drop-down menu made with JavaScript can be used «aria-expanded» and «aria-controls» to indicate whether it is open or closed and what content it controls.

Art direction (Art direction)

The direction of art in digital design refers to the coherent visual strategy that guides the use of colors, typographs, images and styles to communicate a clear brand identity.

Practical application of Article Direction: It is defined in the early stages of visual design and guides the production of interfaces, banners, illustrations or motion graphics. It's key to maintaining consistency.

Example of art direction: A welfare app uses pastel tones, soft illustrations and rounded typography to convey calm and confidence.

Atomic Design

Atomic Design is a methodology created by Brad Frost that organizes the interface components on five hierarchical levels: atoms, molecules, organisms, temperates and pages. It promotes consistency and scalability.

Practical application of Atomic Design:It is used in system design to build reusable bookstores. It allows to identify generic and product-specific components.

Example of Atomic Design: A button (atom), a search field with a button (molecule), and a complete header (body) in a design system.

Auditability

The audibility refers to the ability of a digital interface or system to be evaluated, verified and monitored by record, metric or clear documentation. It is essential for products that must meet standards or standards.

Practical application of audibility: It is considered in product design with legal, medical or financial requirements. It involves recording key interaction events and allowing traceability.

Example of audibility: On a banking platform, each user transaction is registered with a time stamp and can be consulted from the activity history.

Authentication

Authentication is the process by which a system verifies the identity of a user before giving him access. It is essential in the security of digital interfaces.

Practical authentication application: Design secure and clear login flows, with options such as passwords, two-step authentication or biometry.

Example of authentication: A digital health system requests mail and password, followed by a verification code sent to the user's mobile.

Self-completed

Self-completed is a functionality that automatically suggests or fills information as the user writes. It improves speed and accuracy by completing forms or conducting searches.

Self-completed practical application: It is used in search fields, address forms or text entries that require predictable options. It must be implemented with a sensitivity to privacy and accessibility.

Example of self-completed: In a search bar, when writing "cam," the system suggests "camera," "t-shirt" or "truck" according to popular history or terms.

Auto layout

Auto layout is a tool functionality like Figma which allows the automatic distribution of elements within a container, adapting to changes in size and content.

Practical application of auto layout: It is used to build responsive components and maintain visual consistency. It allows to define margins, alignments and flexible behavior in the face of changes.

Example of auto layout:A button with icon and text that keeps the right spacing between the two, even if the text or the size of the button is changed.

Autofocus

The autofocus attribute in HTML allows a form field to receive the focus automatically when uploading the page. It improves efficiency but can affect experience if used incorrectly.

Practical application of autofocus: It is useful in short forms, such as search or login, to speed up initial interaction.

Example of autofocus: On a login page, the field of «user» appears active as soon as it is loaded, allowing to write without clicking first.

Avatar

An avatar is a graphic representation, usually circular, that symbolizes a user in digital interfaces. It can be an image, initial or icon.

Practical application of avatar: Used in session headers, comments, chats, profiles and user lists. It is useful for strengthening identity and customization in digital products.

Example of avatar: In a messaging application, each contact shows an avatar to the left of the message, facilitating the visual identification of who each sent.


Product Backlog

It is a priority and constantly evolving list of functionalities, improvements and corrections to be developed in a digital product. It's a key artifact in agile methodologies.

Practical Backlog application: The design team works with product to refine design tickets, investigate before implementation and define acceptance criteria.

Example of Backlog: «Redesign profile screen», «Onboarding Prototype for New Users», «Correct errors in the registration form».

Background (Background)

The background refers to the background area of an interface or component, on which the main elements are available. It affects the legibility, contrast and visual perception of the content.

Practical application of Background: It is used to structure visual hierarchy, highlight or neutralize sections, and respect the design system. It can be solid, with gradient or image.

Example of Background: A form with white background on a light grey background to ensure contrast and focus.

Backup

A backup is a backup of files, data or settings that allows you to restore content in case of system errors, loss or failures.

Practical Backup application: In digital design, it applies when saving versions of files, components of Figma, system versions or documentation to avoid job loss.

Example of Backup: Before making a deep redesign, the computer doubles the master file from Figma as backup.

Banner

A banner is a prominent graphic element that is used to communicate promotions, key messages or guide attention in a digital interface.

Practical application of Banner: It is usually at the top of a page (Hero) or in intermediate sections. It must be visually attractive, accessible and avoid interfering with navigation.

Example of Banner: In an ecommerce home, a banner announces «Seasonal rebates - Up to 50% off».

Barrier

In design and technology, the sweep is the reading process that makes a scanner or laser on an original (such as a bar code or image) to capture information line by line.

Practical application of Barrido: Although more common in graphic or industrial areas, it influences how images are optimized for scanning or automatic reading.

Example of Barrido: A QR code reader uses a sweep pattern to correctly interpret the content.

Benchmark

Benchmarking in digital design is the process of analysing products or interfaces of competition or market references to extract learning and establish quality or innovation standards.

Practical application of Benchmark: It is done at the beginning of the project to know good practices, common errors or value proposals. It helps inspire informed design decisions.

Benchmark example: A UX team analyzes 5 digital banking apps to understand how they solve money transfer flow and which interface elements are most common among them.

Blinn

Blinn is a 3D graphic shading model that calculates how light interacts with a surface. It allows to soften reflexes and better define volumes.

Practical application of Blinn: It is applied in rendering for product design, games or digital animation, where it is necessary to simulate materials realistically.

Example of Blinn: When modeling a 3D bottle, Blinn shaded is applied to highlight the brightness and curvature of the glass.

Biolor

In design, bicolor refers to compositions that use only two main colors. It favours simplicity, contrast and clear communication.

Practical application of Bicolor: It is used in visual identities, illustrations, graphics or interfaces where it is necessary to reduce visual noise and facilitate understanding.

Biolor example: A dashboard of analytics shows data with two contrasting colors: blue for positive, red for negative.

Blanking

In editorial and digital processes, the draft or state of «whitening» is a preliminary version of a design, text or interface, still not finished or approved.

Practical application of Eraser: It is key to iterative processes. It allows early testing, validations and adjustments before final launch.

Example of Eraser: A team shares a draft of the new high-user flow in Figma to receive feedback from the product equipment.

Block

Block is a technique used in typographic design or mapping to reserve a space that will be occupied by an element not yet available, such as a special image or letter.

Practical application of Block: It is used in editorial design or automated content. Ensure that the overall design structure is maintained even if elements are missing.

Example of Block: In an automatic PDFs generation system, spaces are blocked for personalised names not yet received.

Bold

Bold is a typographic variant that applies a thicker piece to the letters, useful to highlight information within a text or hierarchy titles and buttons.

Practical implementation of Bold: It is used for titles, Ctis or emphasis on key phrases. It should be applied with restraint so as not to lose its contrast function.

Example of Bold: In an aid section: «Important: Remember to keep your progress before you go out.»

Borde

A edge is the line or contour that delimits a visual element, such as a card, image, form field or button.

Practical implementation of Borde: It provides structure, separation or emphasis. It must be integrated into the visual system of the product with defined spacings, radios and color.

Example of Borde: A form input has a light grey 1px edge with soft radios to maintain consistency with the other elements.

Ghost button (Ghost button)

It is a type of button with clear edge and background, generally used as a secondary option not to compete visually with the primary button.

Practical application of Ghost Button: It is used in clean or minimalist interfaces, and must maintain good contrast and visibility. It is useful for non-priority actions such as "More information" or "Back."

Example of Ghost Button: On a landing page, next to the button «Register now» a ghost button appears with the option «Know more».

Primary button

It is the most important button in an interface, which contains the expected main action on a page or flow. It must visually highlight and be aligned with user and business objectives.

Practical application of Primary Button: It is defined within the design system with own style (color, size, hierarchy) and is limited to one per screen or block.

Example of Primary Button: In a checkout, the primary button says «Confirm purchase»while other buttons like «Back» or «Edit Address» They're secondary.

Button

A button is an interactive element that allows the user to run an action, such as sending a form, opening a modal or advancing a flow.

Practical application of Button: It must have defined states (normal, over, focus, off), good contrast, appropriate size for touch interaction and clear text.

Example of Button: A button with icon and text that says «Add to cart» in a product form.

Branding

The branding is the set of visual, verbal and strategic elements that define the identity of a brand. It includes name, logo, color palette, typography, voice tone and more.

Practical implementation of Branding: It affects the entire ecosystem of the digital product: from interfaces to microcopys. It should be guided by a consistent brand manual.

Example of Branding: A close-tone personal finance app, soft green palette, rounded icons and motivational language.

Brainstorming

Brainstorming is a group creative technique used to generate ideas freely, without filters or initial judgments. It is common in design ideation processes.

Practical application of Brainstorming: It is applied in workshops, ideation sessions or early product definitions. It can be done with physical posts or digital tools.

Example of Brainstorming: In a design sprint, the team proposes ideas to improve the onboarding of new users.

Breadcrumbs

The breakcrumbs are a hierarchical navigation component that shows the current location of the user within a content structure, facilitating return to previous levels.

Practical application of Breadcrumbs: They are used in sites with complex architectures such as ecommerce or institutional websites. They improve orientation and reduce cognitive burden.

Example of Breadcrumbs: In an online store: «Home > Electronics > Telephone > Samsung».

Breakpoint

A breakpoint is a break point defined in a responsive interface that determines when the design should be adapted to a new screen width.

Practical implementation of Breakpoint: It is established by means of media claims in CSS or rules in design tools such as Figma. It helps maintain legibility and usability on all devices.

Example of Breakpoint: On a web, by reducing the screen from 1024px to 768px, the navigation menu changes from horizontal to a hamburger button.

Shine

Glow is a visual attribute that defines how clear or luminous a surface or component is. It affects visibility, contrast and aesthetic perception.

Practical application of Brillo: It fits into images, backgrounds or icons to maintain legibility. It is also used for visual effects, shading or visual accessibility.

Example of Shine: In dark mode, clear texts are balanced with a less bright background to avoid visual fatigue.

BTL - Below The Line

BTL is a marketing strategy that uses direct, segmented and high-impact actions, such as targeted activations, events or digital campaigns.

Practical application of BTL: In digital design, it is applied in landing pages, email campaigns, microinteractions or custom promotional products.

Example of BTL: A fintech launches a BTL campaign where users receive custom emails with savings recommendations and links to interactive simulators.

Bullet points

Bullet points are visual elements that organize information on lists, facilitating their reading and scanning.

Practical application of Bullet points: They are used in information texts, forms, help pages or onboarding. They help to structure key ideas in a clear and hierarchical manner.

Example of Bullet points: In a product benefits section:

  • Delivery within 2 days
  • Support 24 hours
  • Return guarantee

Seeker

A search engine is an interface component that allows the user to locate content within a site or application through a text field.

Practical Search application: It must be accessible, offer self-completed, intelligent suggestions and handle typographic errors. It is key in products with much content such as ecommerce, media or databases.

Example of Seeker: On a course platform, the user writes «UX» and the search engine suggests categories, labels or related courses before showing the results.


Cacheo (Caching)

Caching is the process of storing data temporarily so that future requests are used more quickly. In digital design, it improves performance and reduces load times on interfaces.

Practical application of Cacheo: It applies to images, navigation data, sources and resources of IU. Its correct implementation improves the user's experience, especially on mobile devices or slow networks.

Example of Cacheo: A news app cache the latest news consulted so that when it is reopened they will be loaded instantly.

Head

The header is the top of a website or interface that contains elements such as the logo, navigation menu, user icons or search. It is key to the orientation and structure of the site.

Practical application of Header: It is designed to be visible and consistent throughout the site, with mobile adaptability and accessibility. It often remains fixed in scroll.

Example of Header: In an ecommerce, the header includes the logo, search engine, account access and shopping cart.

High box and low box

High box refers to the use of capital letters and low box to the use of lower letters. It affects the hierarchy, tone and legibility of the text on digital interfaces.

Practical application of high and low box: It is used for titles, buttons or labels. The low box favors fluid reading; the high, the emphasis.

Example of high box and low box: A button can use high box to highlight the action: «ENVIAR», while the fields use low box: «Write your name».

Call to Action (CTA)

A CTA is a message or visual element that seeks to motivate the user to perform a specific action, such as registering, buying or subscribing.

Practical application of CTA: It is designed with clear verbs of action and strategic placement. It is usually represented as a highlighted button or link.

Example of CTA: On a landing page, an orange button with the text «Start for free» head to the registration form.

Black bed

The black bed is a printing technique that uses a completely black background as a basis for highlighting bright colors and surface details.

Practical application of Black Bed: It is applied in high quality offset or digital printing, such as premium branding materials.

Example of Black bed: A catalogue of luxury products is printed with solid black background to highlight gold images.

Canvas (Canvas)

Canvas is the digital work area over which it is designed in tools like Figma, Illustrator or Photoshop. It represents the editable space where the elements are built and visualized.

Practical application of Canvas: It allows to organize multiple screens or components, define layouts, and establish collaborative working areas.

Example of Canvas: In Figma, a designer organizes in the canvas a series of frames that represent the full flow of onboarding.

Capes

The layers are superimposed levels within a design file that allow to organize and edit elements independently without affecting others.

Practical application of Capes: They are used in tools like Photoshop or Figma to structure graphic elements, facilitate editing and control visibility.

Example of Capes: An illustration has separate layers for background, characters and text, which allows to edit the background without altering the other elements.

Capitular

A capitular is an expanded initial letter at the beginning of a paragraph or section, traditionally used to embellish long texts or highlight beginnings.

Practical application of Capitular: It is used in editorial design, newsletters or presentations with classic or literary style.

Example of Capitular: In a digital magazine article, the first paragraph begins with a large «E» decorated capitular.

Card

A card is a compact visual container that gathers related information. It is used to organize modular content on interfaces.

Practical implementation of Card: Common in catalogues, profiles, dashboards or search results. It must have a clear, accessible and responsive structure.

Example of Card: A product file with image, name, price and button «Add to cart».

Carousel

A carousel is an interactive component that allows multiple content (such as images or cards) to be displayed in the same space, either horizontally or automatically.

Practical application of Carousel: It is used in homepages, portfolios or galleries. It must be accessible, have visible navigation and avoid relying only on automatic movement.

Example of Carousel: On the cover of an ecommerce, a carousel with promotional banners is shown to rotate every 5 seconds.

Checkbox

A checkbox is a form control that allows you to select multiple independent options.

Practical application of Checkbox: It is used in surveys, filters or configurations. It must have visible labels, good touch size and defined states.

Example of Checkbox: In a store filter, the user can mark «Size M» and «Blue» simultaneously.

Chip

A chip is a small and compact visual component that represents information such as labels, filters or selected elements.

Practical implementation of Chip: It is used in multiple-choice inputs, tag navigation or choice summaries. They must be legible, accessible and have a disposal option.

Example of Chip: In an advanced search field, chips are shown with the terms «UX», «Removal» and «Junior» that the user can remove individually.

CIE L*a*b* (LAB Color Space)

It is a three-dimensional color model created by the International Commission of Lighting (ICN), which measures color in a perceptual way based on luminosity (L*), the green-red axis (a*) and the blue-yellow axis (b*).

Practical implementation of IEA L*a*b*: It is used in color correction, monitor calibration and design where chromatic accuracy is sought.

Example of IED L*a*b*: When preparing a color guide for professional printing, the HEX values are converted to LAB to ensure fidelity.

Clean IU

Clean IU refers to a clean, orderly interface without unnecessary elements. Prioritizes legibility, visual hierarchy and ease of use.

Practical application of Clean IU: It involves the use of blank spaces, clear typography, limited number of colors and visual noise removal. It improves experience and understanding.

Example of Clean IU: A task app shows only the essential: list of earrings, add button and date filter, without visual distractions.

Clipboard

The clipboard is the virtual clipboard of the operating system that allows you to copy and paste information (text, images, components). In design, it is often used to duplicate and reuse elements.

Practical application of Clipboard: It is used between tools (Figma, Sketch, browsers) or within the same app. The format and context must be preserved.

Example of Clipboard: A designer copies a table from Excel and hits it directly in FigJam to discuss it as a team.

Content cluster

A cluster of contents is a thematic grouping of pages or sections around a main pillar, optimized for SEO and structured navigation.

Practical application of Cluster: It is applied in blogs, guides or knowledge hubs. It improves positioning and facilitates deep exploration.

Example of Cluster: A web accessibility guide brings together articles on color, navigation, typography and testing within a main section.

CMYK

CMYK is a subtractive color model used in printing, composed of Cian, Magenta, Yellow (Yellow) and Black (Key). It allows you to play a wide range of colors on paper.

Practical implementation of CMYK: It is used in printed pieces such as brochures, cards, catalogues or packaging. It is important to convert RGB files to CMYK before printing.

Example of CMYK: A designer converts a poster to Photoshop to CMYK to send it to press.

Column

A column is a vertical division in a design that helps structure the content. It is part of the reticle or grid of an interface.

Practical application of Column: It is used to create alignment, visual rhythm and modularity. Responsive interfaces are usually based on a 12-column system.

Column example: A blog design uses three columns: one for side navigation, one for main content and one for widgets or useful links.

Collage

A collage is a visual composition that unites multiple graphic elements, images or textures in one piece. It is used for creative, narrative or experimental purposes.

Practical application of Collage: Common in editorial design, creative campaigns or moodboards. It can be done digitally or in analogue format.

Example of Collage: An inspiration moodboard for a visual redesign combines style photos, color pallets and overlapping typographs.

Tablet

In digital design, a compressed file is one that has reduced its size by compression techniques, without or with quality loss. Improves the load and web optimization.

Practical application of Tablet: It applies to images (JPG, WebP), videos and IU resources. Size and quality must be balanced.

Example of tablet: A cover image is exported as a compressed WebP to charge fast without losing sharpness.

Convicted

Condensed is a typographic variant where the characters are narrower than usual. It allows more text to be included in less space.

Practical application of Convicted: It is used in headlines, labels or designs where space is required to be saved without sacrificing visual hierarchy.

Example of Convicted: In a comparative table, column titles use condensed typography to adjust to the width.

Concept art

The concept art is a conceptual illustration that represents initial visual ideas for products, video games, films or digital environments.

Practical application of Concept art: It is used in early stages of visual exploration. It helps to align the product vision with stakeholders and creative equipment.

Example of Concept art: A designer creates an art concept of a futuristic interface for an increased reality app.

Contouring

Contouring is a technique that consists of applying a edge or pull around a text or figure to highlight it from the background or improve its legibility.

Practical application of Contouring: It is used in banners, posters or interfaces with complex backgrounds. It should be applied subtlety in order not to generate visual noise.

Example of Contouring: A white text on an image converts with a dark piece to make it legible.

Copyright

Copyright is the legal right that protects the authorship of original works, such as designs, illustrations, texts or interfaces.

Practical application of Copyright: In digital design, it involves respect for copyright, licenses and powers of visual resources.

Example of Copyright: An app includes on your page: «© 2025 XYZ Study. All rights reserved.»

Courtesy

In typography, courtesies are signs or symbols that accompany the text for the purposes of courtesy or formality, such as ®, ™, © or abbreviations such as «Atte.»

Practical application of Courtesy: They are used in legal texts, footwork, branding and formal communications.

Example of Courtesy: The product sheet indicates: «Nike ® Air Max ™ with ZoomX technology.»

Key chroma

The key chroma is an audiovisual technique that allows to replace a specific color (generally green) with a different image or video. It is used in video editing and presentations.

Practical application of Key Croma: In digital design, it is applied in promotional videos or interactive mockups.

Example of Key Croma: An explanatory video uses green chroma behind the presenter to overlap the interface of the app that is being demonstrated.

Cover

In editorial design, the cover is the external part of a publication (such as a magazine or book) that includes cover, back cover and back. It is key to the visual identity of the content.

Practical application of Covered: It is designed with attention to hierarchy, cover image, title, branding and printed finish.

Example of Covered: The design of a digital magazine imitates a printed cover, with central image, logo, headlines and QR code.

Text body

The text body is the main part of a written content. It includes the paragraphs that are corrected and that develop the information or narrative.

Practical application of Text Body: It must have legible typography, appropriate interlining, good contrast and appropriate size for on-screen reading.

Example of Text Body: A blog article uses 16 px serif source with 1.5 interlining to facilitate long reading.

Cursor (pointer)

The cursor or pointer is the graphic icon that represents the position of the mouse or input method in an interface. It changes according to the context or type of interaction.

Practical application of Cursor: It is customized to indicate actions such as click, text selection, loading or interaction with links.

Example of Cursor: By passing the mouse over a button, the cursor changes to a hand to indicate that it is clickable.

Count drops

The drop account is a color selection tool that allows you to capture an exact color from an image or design.

Practical application of Account drops: It is used in design software to match colors, create pallets and maintain visual consistency.

Example of Account drops: In Figma, the designer uses the drop account to match the color of the button with that of the corporate logo.


EnglishenEnglishEnglish
Scroll at the start
This website uses its own and third-party cookies for proper operation and analytical purposes. It contains links to third-party websites with foreign privacy policies that you can accept or not when you access them. By clicking the OK button, accept the use of these technologies and processing your data for these purposes.
Privacy