# Loki

- **Website:** <https://designeng.tools>
- **Primary alias:** `designeng.tools`

## Description

DesignEng is a curated resource directory for design engineers and people who design and build digital products. It brings together tools, inspiration, learning materials, assets, communities, and practitioners in one place, helping visitors find useful references for their work. The collection spans component libraries and UI kits, AI tools for creating and shipping interfaces, design-system building blocks, fonts, icons, and production-ready downloads. It also highlights courses, articles, design galleries, branding references, and people to follow.

Featured resources include libraries of website and app interfaces, logo and visual identity collections, design research archives, and examples of real-world product patterns. Practical tools cover tasks such as checking color contrast, generating easing curves, creating fluid type and spacing scales, and building interface components or CSS animations. Some listings offer free assets or copyable code, while others provide curated examples and learning resources. DesignEng organizes these materials into browsable categories and regularly adds new entries, making it a useful starting point for discovering resources across design, front-end development, and product interface work.

## Industries

- 🖥 Computers Electronics and Technology
- 🖥 Graphics Multimedia and Web Design _(under Computers Electronics and Technology)_
- 🗺 Reference Materials
- 🗺 Public Records and Directories _(under Reference Materials)_

## Links

- [twitter](https://twitter.com/lokidotdev)

## Logos & icons

- logo _(primary)_ — PNG — [download](https://cdn.brandfetch.io/idpn5KesFR/w/48/h/48/theme/dark/logo.png?c=1bxid64Mup7aczewSAYMX&t=1792002308236)
- icon _(primary)_ — JPEG — [download](https://cdn.brandfetch.io/idpn5KesFR/w/400/h/400/theme/dark/icon.jpeg?c=1bxid64Mup7aczewSAYMX&t=1792002309399)

## Colors

| Name | Hex | Theme |
| --- | --- | --- |
| Orange | #ff4a1a | accent |
| Kingfisher Daisy | #37017f | dark |
| Concrete | #f3f3f3 | light |

## Fonts

- Manrope Variable — asset _(custom)_
- Manrope Variable — asset _(custom)_

## Imagery

- banner _(primary)_ — JPEG — [download](https://cdn.brandfetch.io/idpn5KesFR/w/1500/h/500/idAsAP7uPL.jpeg?c=1bxid64Mup7aczewSAYMX&t=1792002308367)

---

_Source: <https://brandfetch.com/designeng.tools>_
_See [/llms.txt](/llms.txt) for a full list of agent-readable pages, and [/auth.md](/auth.md) for how agents authenticate._