Automated ingestion of prompt: Create Icons
This commit is contained in:
parent
6fce96b98c
commit
886d1491e2
|
|
@ -0,0 +1,66 @@
|
|||
---
|
||||
title: "Create Icons"
|
||||
contributor: "@semih@mitte.ai"
|
||||
tags: #general, #semihmitteai
|
||||
---
|
||||
|
||||
A premium iOS app icon for a running and fitness app, featuring
|
||||
a stylized abstract runner figure in motion, composed of flowing
|
||||
gradient ribbons in energetic coral transitioning to vibrant
|
||||
magenta. The figure suggests speed and forward momentum with
|
||||
trailing motion elements. Background is a deep navy blue with
|
||||
subtle radial gradient lighter behind the figure. Dynamic,
|
||||
energetic, aspirational. Soft lighting with subtle glow around
|
||||
figure. Rounded square format, 1024x1024px.
|
||||
|
||||
follow the specs below and the example icon designs attached:
|
||||
|
||||
These specifications define the visual language of premium, modern app icons as seen in top-tier iOS/macOS applications. The goal is to produce icons that feel polished, memorable, and worthy of a flagship product.
|
||||
|
||||
---
|
||||
|
||||
## 1. Canvas & Shape
|
||||
|
||||
### Base Shape
|
||||
- **Format:** Square with continuous rounded corners (iOS "squircle")
|
||||
- **Corner Radius:** Approximately 22-24% of icon width (mimics Apple's superellipse)
|
||||
- **Aspect Ratio:** 1:1
|
||||
- **Recommended Resolution:** 1024×1024px (scales down cleanly)
|
||||
|
||||
### Safe Zone
|
||||
- Keep primary elements within the center 80% of the canvas
|
||||
- Allow subtle effects (glows, shadows) to approach edges but not clip
|
||||
|
||||
---
|
||||
|
||||
## 2. Background Treatments
|
||||
|
||||
### Solid Backgrounds
|
||||
- **Dark/Black:** Pure black (#000000) to deep charcoal (#1C1C1E) — creates drama, makes elements pop
|
||||
- **Vibrant Solids:** Saturated single-color fills (electric blue #007AFF, warm orange #FF9500)
|
||||
- **Gradient Backgrounds:** Subtle top-to-bottom or radial gradients adding depth
|
||||
|
||||
### Gradient Types (when used)
|
||||
| Type | Description | Example |
|
||||
|------|-------------|---------|
|
||||
| Linear | Soft transition, typically lighter at top | Blue sky gradient |
|
||||
| Radial | Center glow effect, darker edges | Spotlight effect |
|
||||
| Angular | Sweeping color transition | Iridescent surfaces |
|
||||
|
||||
### Texture (Subtle)
|
||||
- Fine vertical/horizontal lines for metallic or fabric feel
|
||||
- Noise grain at 1-3% opacity for organic warmth
|
||||
- Avoid heavy textures that compete with the main symbol
|
||||
|
||||
---
|
||||
|
||||
## 3. Color Palette
|
||||
|
||||
### Primary Palette Characteristics
|
||||
- **High Saturation:** Colors are vivid but not neon
|
||||
- **Rich Darks:** Blacks and navy blues feature prominently
|
||||
- **Selective Brights:** Accent colors used sparingly for impact
|
||||
|
||||
### Recommended Color Families
|
||||
|
||||
#### Cool Spectrum
|
||||
Loading…
Reference in New Issue