Packs de interfaz
Byte Marcos de carta
18 componentes de cartas y notificaciones (pixel art) para interfaces de tema claro — paleta hueso frío, acento verdeazulado de señal. SVG y PNG transparente en 1x/2x/4x.

Sobre este pack
Byte Marcos de carta es un conjunto de 18 componentes de cartas y notificaciones dibujados en estilo pixel art, donde cada esquina es una escalera de píxeles enteros y nada tiene suavizado. Contiene cuatro marcos de carta por rareza, un reverso de carta y una ranura vacía, un marco de carta apaisada, tres contadores de moneda, una etiqueta de precio normal y otra de oferta, una placa de recompensa y un contador de mazo, una insignia de aviso y tres franjas emergentes.
La rareza casi siempre se codifica como un color de borde, y eso falla dos veces: desaparece en escala de grises y compite con el arte del objeto, que ya es de por sí de color. Este conjunto codifica la rareza como estructura.
El contorno avanza en escalones de 4px y el sombreado es un dithering Bayer en vez de un degradado, así que el conjunto sobrevive a escalarse por un factor entero — la única manera de escalar pixel art sin que se convierta en papilla.
Dentro de ese estilo, esta es la lectura de Byte: una interfaz de tema claro sobre una paleta hueso frío con acentos en verdeazulado de señal, construida en torno a un marco de borde único, botones tipo pastilla totalmente redondeados de 112x36, barras en bandas divididas en 10 segmentos e iconos de contorno sobre una rejilla de 24px. Esas medidas son la razón por la que dos familias pueden compartir un estilo artístico sin ser intercambiables: el estilo decide cómo se dibuja un borde, los números deciden para qué sirve la interfaz.
El reverso de la carta no lleva ninguna marca de rareza, y es deliberado: si una carta boca abajo revela su rareza es una regla que decide tu juego, no una que este kit deba dar por supuesta. El marco apaisado es un archivo aparte y no el vertical girado, porque girarlo llevaría las esquinas marcadas a los bordes equivocados. Cada nivel añade un rasgo contable
Cada sprite viene como SVG editable y como PNG transparente en 1x, 2x y 4x, así que puedes soltar los PNG directamente en un motor o abrir el vector y cambiar un color. Dibujado con las mismas medidas que el resto de la familia Byte, lo que significa que este kit y el kit de paneles de Byte encajan sin redimensionar ninguno. Encaja bien en juegos de pixel art.
Descarga
Enlace directo · sin registro · sin página de esperaConjunto completo — fuentes SVG, exportados PNG en 1x/2x/4x, licencia y readme
Cómo se usa
- Aplica nine-slice a los marcos de carta solo en sus bordes rectos; las escuadras de esquina y la banda de corona deben quedarse en las esquinas fijas o la señal de rareza se estira.
- Pon el icono del objeto en el área rehundida y el nombre en las dos barras de etiqueta de debajo — el marco está dimensionado para un icono en proporción 1:1.
- Usa la insignia como superposición anclada a la esquina superior derecha de un botón de inventario o de menú, y dibuja el número con tu propia fuente.
Licencia
Creative Commons Atribución 4.0 — Gratis para uso comercial. Atribución obligatoria. Términos completos · Qué significa en la práctica
"Byte Marcos de carta" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/byte-card-frames


