2.4 KiB
| title | contributor | tags |
|---|---|---|
| Create Icons | @semih@mitte.ai |
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