Design Production

Bienvenue chez Design Production

Une grande boîte créative où nos projets naissent, grandissent et rencontrent le public. Explorez nos projets actuels ou participez à Design Legend.

Voir nos projets En savoir plus
24
Projets Actifs
8
Événements / an
+1200
Participants

Nos projets actuels

Un aperçu rapide des projets en cours — cliquables pour plus de détails.

Urban Voices

Collectif multimédia mêlant documentaire et design sonore.

Voir plus

NeoBranding

Réinvention d'identités visuelles pour start-ups locales.

Voir plus

Motion Lab

Expérimentations en motion design et animation 3D.

Voir plus

Design Legend

Tournoi en ligne de design graphique — logo + bannière, temps limité.

Plus d'infos →

Design Legend

Tournoi en ligne – Design graphique

Concept

Thème au hasard · Logo + bannière · Temps limité

Objectif

Créativité · Rapidité · Talent

Public

Étudiants · Passionnés · Curieux

Ambition

Expression · Partage · Progression · Convivialité

Déroulé (journée type)

  • 09:00 : Tirage au sort du thème en direct.
  • 09:15 - 12:15 : Création du logo et de la bannière.
  • 12:15 - 13:00 : Pause et dépôt des fichiers sur la plateforme.
  • 13:00 - 15:00 : Présentation des projets en ligne devant le jury.
  • 15:00 - 16:00 : Délibération du jury + vote du public.
  • 16:30 : Annonce des gagnants et remise des prix.

Règles

  • Thème obligatoire à respecter.
  • Créations originales (interdiction du plagiat).
  • Délais stricts pour soumettre son travail.
  • Respect du format demandé (logo + bannière).
  • Bonne attitude et respect entre participants.

Infos pratiques

Durée : environ une demi-journée par tournoi. Participation gratuite (inscription obligatoire). Assistance technique disponible en continu.

Récompenses

  • 500 € en récompense financière
  • 3 places de cinéma offertes
  • Une publicité pour son travail sur le site officiel / réseaux

Pour participer à Design Legend, rendez-vous sur www.DesignLegend.com. En vous inscrivant, vous acceptez les règles du concours, le respect des délais, et l’utilisation possible de vos créations à des fins de communication de l’événement.

Prochain tournoi : 20 janvier — 19:00 (en ligne)

Contact & FAQ

Questions rapides

Comment s'inscrire ?

Via le lien d'inscription sur le site DesignLegend.com ou en demandant une invitation ici.

Format demandé

Logo (SVG/PNG) + Bannière (JPG/PNG) — respectez les dimensions indiquées lors de l'inscription.

Coût

La participation est gratuite.

Project — Design Production
Design Production
/* FILE: style.css */ :root{ --bg:#ffffff; --text:#0b0b0b; --muted:#666666; --border:#e9e9e9; --radius:12px; --max-width:1200px; --accent:#000000; } *{box-sizing:border-box} html,body{height:100%} body{margin:0;font-family:Montserrat,Inter,Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased} .container{max-width:var(--max-width);margin:0 auto;padding:28px} .topbar{position:sticky;top:0;z-index:60;border-bottom:1px solid var(--border)} .topbar.topbar-dark{background:#0b0b0b;color:#fff} .topbar.topbar-dark .brand span{color:#fff} .topbar.topbar-dark nav a{color:#ddd} .topbar .container{display:flex;align-items:center;gap:20px} .brand{font-weight:700;font-size:18px;letter-spacing:0.4px} .brand span{color:var(--accent)} nav{margin-left:auto;display:flex;gap:18px} nav a{color:var(--text);text-decoration:none;font-weight:600} .btn, .btn-outline, .link-more{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;border:0;cursor:pointer;font-weight:600;font-size:14px;transition:all .28s cubic-bezier(.2,.9,.2,1)} .btn{background:#000;color:#fff;box-shadow:0 6px 20px rgba(0,0,0,0.06)} .btn:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(0,0,0,0.08)} .btn.ghost{background:transparent;border:1px solid #000;color:#000} .btn-outline{background:transparent;border:1px solid #000;color:#000} .btn.disabled, .btn-outline.disabled{opacity:0.4;cursor:default} .hero{padding:52px 0} .hero-grid{display:grid;grid-template-columns:1fr 440px;gap:36px;align-items:center} .hero-left h1{font-size:44px;margin:0 0 12px} .hero-left p{color:var(--muted);max-width:62%} .cta-row{margin-top:18px;display:flex;gap:12px} .stats{display:flex;gap:18px;justify-content:flex-end;margin-bottom:18px;color:var(--text)} .stats .num{font-size:22px;font-weight:700} .stats .label{font-size:12px;color:var(--muted)} .mockup{padding:12px;border-radius:12px;border:1px solid var(--border)} .section{padding:48px 0} .highlight{background:#fafafa;border-top:1px solid var(--border);border-bottom:1px solid var(--border)} .projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:18px} .card{background:#fff;padding:18px;border-radius:12px;border:1px solid var(--border);box-shadow:0 6px 20px rgba(12,12,12,0.03)} .card h3{margin:0 0 8px} .card p{color:var(--muted);margin:0 0 12px} .card .card-btn{background:#000;color:#fff;border:0;padding:8px 12px;border-radius:10px;text-decoration:none} .link-more{color:#000;text-decoration:none;font-weight:700} .legend-grid{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start} .panel{background:#fff;padding:18px;border:1px solid var(--border)} .small{font-size:14px;color:var(--muted)} .faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px} .faq{background:#fff;padding:14px;border-radius:12px;border:1px solid var(--border)} .footer{padding:18px 0;border-top:1px solid var(--border);margin-top:30px;background:#fff} .foot-grid{display:flex;justify-content:space-between;align-items:center} .muted{color:var(--muted)} .lead{font-weight:600} .small{font-size:13px} /* Modal */ .modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(11,11,11,0.45);z-index:120} .modal-content{background:#fff;padding:20px;border-radius:12px;max-width:820px;width:calc(100% - 40px);border:1px solid var(--border);position:relative} .modal-close{background:transparent;border:0;color:var(--muted);font-size:20px;position:absolute;right:22px;top:18px;cursor:pointer} .stylized-image{margin-top:18px;border-radius:12px;overflow:hidden;border:1px solid var(--border)} /* --- Form Notion-like (Form C) --- */ .form-card{background:#fff;border:1px solid var(--border);padding:18px;border-radius:12px;max-width:520px} .field{position:relative;margin-bottom:18px} .field input, .field textarea{width:100%;padding:18px 12px 8px 12px;border:1px solid var(--border);border-radius:8px;font-size:15px;background:transparent} .field label{position:absolute;left:12px;top:14px;color:var(--muted);font-size:13px;pointer-events:none;transition:all .18s ease} .field input:focus + label, .field textarea:focus + label, .field input:not(:placeholder-shown) + label, .field textarea:not(:placeholder-shown) + label{ transform:translateY(-10px) scale(.92); color:var(--text); } .form-actions{display:flex;gap:8px;align-items:center} .toast{position:fixed;right:20px;bottom:20px;background:#000;color:#fff;padding:12px 16px;border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,0.12);opacity:0;transform:translateY(8px);transition:all .28s ease} .toast.show{opacity:1;transform:translateY(0)} /* Animations (A: soft & clean) */ .fade-up{opacity:0;transform:translateY(10px);animation:fadeUp .7s forwards} .fade-left{opacity:0;transform:translateX(8px);animation:fadeLeft .7s forwards} .fade-in{opacity:0;animation:fadeIn .7s forwards} .delay-05{animation-delay:.18s} .delay-1{animation-delay:.36s} @keyframes fadeUp{to{opacity:1;transform:none}} @keyframes fadeLeft{to{opacity:1;transform:none}} @keyframes fadeIn{to{opacity:1}} /* responsiveness */ @media (max-width:900px){ .hero-grid{grid-template-columns:1fr} .hero-left p{max-width:100%} .legend-grid{grid-template-columns:1fr} nav{display:none} }