Forget the current icons. Design the icon system for Chief Concept "04 Apokalüpszisz" the way the best icon designers in the world actually work — Otl Aicher's Munich 1972 studio, Susan Kare, the SF Symbols team, the Phosphor designers — and make it the piece that proves you belong in that company. This is your icon-design showreel: go all in on thinking, construction, craft and motion. Generic output is failure.
═══ WHY THE LAST ROUNDS FAILED (read carefully) ═══ The previous icons were the "statistical average" of every icon pack: Lucide/Feather-style 1.5px outlines, obvious metaphors (lightbulb = idea, gear = operations, crown = leader, spark = AI), no construction system, no point of view. If an icon could be swapped with Lucide, Heroicons or Feather and nobody would notice, it is REJECTED. Every icon must be recognisably from THIS system.
═══ THE CONCEPT YOU ARE SERVING ═══ Chief Concept = Dr. Csikesz Tamás's premium consultancy for owners and top executives: new concepts, paradigm shifts, renewal, levelling up. Concept 04 "Apokalüpszisz" = revelation: uncovering what is hidden and starting from a clear point. Its logo splits open in the middle; a vertical beam reveals the content. Dark UI: #111113 / #141416, border #34343A, ink #F2F2F4, secondary #98989F, accent #8AB8FF. Icons sit in round containers.
═══ WORK LIKE A PRO — MANDATORY PROCESS (show every stage on the page) ═══ STAGE 1 — Construction system first, before drawing a single icon:
- 24×24 base grid, 2px live-area padding, keyline shapes (circle Ø20, square 18, portrait 16×20, landscape 20×16) so every icon has equal optical weight.
- Fixed rules: stroke weight (and its 20px / 32px / 48px optical variants), allowed angles, one corner radius family (inner radii smaller than outer), one terminal style, minimum gap ≥ stroke weight, maximum detail count per icon.
- ONE signature construction detail that appears in every icon and belongs only to this system (derived from "revelation" / the split logo) — e.g. a precise seam, a notch, a cut, a reveal edge. Define it exactly (position, size, angle).
- Present this as a construction sheet (grid + keylines + rules + the signature detail), like a real icon-system spec.
STAGE 2 — Metaphor workshop (the part AI usually skips): For EACH of the 51 keys, write 3 candidate metaphors — (a) literal, (b) conceptual, (c) unexpected-but-readable — then choose one and justify it in one line. Banned clichés: lightbulb for idea, gear for operations/settings, rocket, brain, handshake, trophy, crown for leadership, sparkles for AI/magic, target for goals, generic "chart going up". If you keep a common metaphor, you must make it distinctive through the system's construction, not through decoration.
STAGE 3 — Three radically different directions, each tested on the same HERO 8 icons (home, people, eye, key, compass, mail, apokalüpszisz-role/"eye" variant, fee):
- Direction A · "Aicher rács" — strict constructivist geometry in the spirit of Otl Aicher's Munich 1972 pictograms: only 0° / 45° / 90° strokes, a limited set of circle radii, everything built from geometric segments with defined proportions. Engineered, iconic, timeless.
- Direction B · "Dürer metszet" — inspired by Albrecht Dürer's Apocalypse woodcuts (1498) — the historic "Apokalypsis": forms built from a few precise parallel hatch lines whose density reveals the shape (revelation through light and shadow); at 20px each glyph collapses to a clean simplified form. Premium, cultural, unmistakable.
- Direction C · "Negatív varrat" — solid, heavy geometric glyphs where the meaning is CUT OUT as negative space, and every glyph carries the vertical seam of the split logo; the #8AB8FF accent only lives inside the revealed cut.
For each direction: the 8 hero icons large (96px) and at 32 / 24 / 20px, on dark and on light, plus a 3-point self-critique (distinctiveness, readability at 20px, fit with Apokalüpszisz) and one revision pass. Show the "before revision" next to "after". Then STOP and ask me which direction to take to the full set (tell me your recommendation and why).
STAGE 4 — (after my choice) Full rollout of all 51 + home + fee in the chosen direction, with optical corrections per icon (overshoot for circles, weight balancing for dense glyphs, simplified 20px versions where needed). Fix the known weak ones: chart vs switch must be clearly different; sprout must read; chip must read without a faint face; gear must not crowd at 20px (or replace the metaphor).
═══ MOTION (derived from the construction, not added on top) ═══
- The entrance must come from the system itself: A = segments construct along their 0/45/90 axes; B = hatch lines draw in and the form "appears out of the dark"; C = the seam opens and the cut-out lights up.
- One-time, 500–900ms, cubic-bezier(.15,.85,.35,1), staggered strokes; the whole sheet plays as a diagonal wave on load ("Replay all" button).
- Hover: one small, meaningful micro-interaction per icon (≤400ms), different per icon.
- No infinite loops, glows, particles or blobs. Only transform, opacity, clip-path, stroke-dashoffset; smooth in Safari with all icons on screen; prefers-reduced-motion → static.
═══ THE KEYS (keep exactly, they drop into existing code) ═══ home, grid, people, fee, mail, chart, gear, refresh, key, bolt, compass, eye, sunrise, bulb, nodes, switch, check, chip, personUp, shield, mind, gauge, map, gem, flow, forward, doc, doc2, docs, search, cross, flag, sprout, stairs, monitor, chat, board, meet, ruler, idcard, spark, clock, hourglass, target, crown, building, columns, overlap, phone, play, film Where they're used: bottom nav (home, grid=Tanácsadás, people=Koncepcióalkotók, fee=Díjazás, mail=Kapcsolat) · 12 CCC roles (Üzletfejlesztő, Működésfejlesztő, Megújító, Megoldó, Generátor, Fejlesztő, Apokalüpszisz ← the signature icon of the whole set, Vízióalkotó, Ötletteremtő, Koncepcióalkotó, Rendszerváltó, Sztenderdizátor) + "AI és HI" · 12 consulting areas · 4-step system · 14 service formats · pricing · contact. You may change WHAT a key depicts if a better metaphor fits its use — keep the key name.
═══ DELIVER ═══
- One live, animated page showing the whole process: construction sheet → metaphor matrix → 3 directions on the hero 8 (with critique + revision) → (after my choice) the full animated set.
- Drop-in code in the exact
_build/icons.jsformat: const LIB = { key: ['path d', …] } on 24×24; strokes fill:none unless the direction is filled (then flag it clearly and give the fill rule); THE LAST PATH OF EACH ICON IS THE ACCENT (#8AB8FF). Plus the '04' style config (bg, bd, rad, ink, acc, sw, cap, join, anim, svgAnim) and the entrance/hover CSS. - A one-page icon-system spec (grid, keylines, stroke & optical rules, signature detail, metaphor list) so any future icon can be added consistently.