ACTIE Tijdelijk 20% korting op alle hostingpakketten!
Aanbieding eindigt in: 00:00:00
Bekijk acties
24/7 Support
Gratis Verhuisservice
99.9% Uptime
Over ons Blog Hulp & Contact
AuraHost Logo

Waar kan ik je mee helpen?

Zoeken op product, artikel of onderwerp

AuraHost Logo
/* --- Aura Background Animation --- */ .logo-hero { padding: 160px 0 120px 0; background: var(--luxury-cream); position: relative; z-index: 1; overflow: hidden; display: flex; align-items: center; } .logo-hero::before { content: ''; position: absolute; width: 150%; height: 150%; top: -25%; left: -25%; background: radial-gradient(circle at 20% 30%, rgba(29, 161, 242, 0.08) 0%, transparent 40%), radial-gradient(circle at 80% 70%, rgba(123, 47, 247, 0.08) 0%, transparent 40%), radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 1) 0%, transparent 50%); animation: auraMotion 20s infinite alternate ease-in-out; z-index: -2; } @keyframes auraMotion { 0% { transform: translate(0,0) rotate(0deg); } 100% { transform: translate(50px, 50px) rotate(5deg); } } /* Luxury Polygons (The "Home Page" look but elevated) */ .shard { position: absolute; background: linear-gradient(135deg, var(--primary-blue), var(--secondary-purple)); opacity: 0.1; z-index: -1; filter: blur(2px); } .shard-1 { width: 400px; height: 400px; clip-path: polygon(0% 15%, 100% 40%, 80% 100%, 20% 80%); top: -100px; right: -50px; transform: rotate(15deg); } .shard-2 { width: 300px; height: 300px; clip-path: polygon(20% 0%, 100% 20%, 70% 90%, 0% 100%); bottom: -50px; left: -80px; transform: rotate(-10deg); } .logo-hero-title { font-family: 'Montserrat', sans-serif; font-weight: 900; font-size: clamp(2.5rem, 5vw, 4.2rem); color: var(--luxury-dark); margin-bottom: 30px; line-height: 1.05; letter-spacing: -0.04em; } .logo-hero-title span { display: block; background: linear-gradient(90deg, var(--primary-blue) 0%, var(--secondary-purple) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-style: italic; } .logo-hero-subtitle { font-size: 1.25rem; color: #475569; max-width: 600px; line-height: 1.8; margin-bottom: 40px; } /* --- Floating Portfolio Visual --- */ .hero-visual-stack { position: relative; height: 500px; width: 100%; } .floating-card { position: absolute; border-radius: 24px; overflow: hidden; box-shadow: 0 30px 60px rgba(0,0,0,0.12); transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); border: 1px solid rgba(255,255,255,0.4); } .card-main { width: 100%; z-index: 3; top: 0; transform: perspective(1000px) rotateY(-5deg); } .card-sub-1 { width: 70%; z-index: 2; right: -50px; bottom: 20px; transform: rotate(3deg); } .card-sub-2 { width: 50%; z-index: 1; left: -40px; top: 120px; transform: rotate(-8deg); opacity: 0.8; } .floating-card:hover { transform: translateY(-15px) scale(1.02) rotate(0deg); z-index: 10; } /* --- Bento Grid Section --- */ .bento-grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 220px); gap: 20px; margin-top: 60px; } .bento-item { background: var(--luxury-white); padding: 40px; border-radius: 32px; border: 1px solid #f1f5f9; box-shadow: var(--luxury-shadow); display: flex; flex-direction: column; justify-content: center; transition: all 0.4s ease; } .bento-item:hover { border-color: var(--primary-blue); transform: translateY(-10px); } .bento-1 { grid-column: span 2; grid-row: span 2; background: linear-gradient(135deg, var(--luxury-dark) 0%, #1e293b 100%); color: #fff; } .bento-1 i { color: var(--primary-blue); font-size: 50px; margin-bottom: 25px; } .bento-2 { grid-column: span 2; } .bento-3 { grid-column: span 1; } .bento-4 { grid-column: span 1; } /* --- Luxury Button --- */ .logo-btn { display: inline-flex; align-items: center; padding: 20px 45px; border-radius: 100px; font-weight: 800; font-size: 1.1rem; text-transform: uppercase; letter-spacing: 0.05em; text-decoration: none; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); position: relative; overflow: hidden; } .logo-btn.blue { background: linear-gradient(135deg, var(--primary-blue) 0%, var(--secondary-purple) 100%); color: #fff; box-shadow: 0 10px 30px rgba(29, 161, 242, 0.3); } .logo-btn.blue:hover { transform: scale(1.05) translateY(-3px); box-shadow: 0 15px 40px rgba(29, 161, 242, 0.5); color: #fff; } /* --- Process Elements --- */ .process-card { transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } .process-card:hover { transform: translateY(-10px); box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.08); border-bottom-color: var(--primary-blue); } .process-card:hover .process-icon { transform: scale(1.1) rotate(5deg); } .process-icon { transition: all 0.3s ease; } /* --- Accordion Custom --- */ .accordion-button:not(.collapsed) { color: var(--secondary-purple); background-color: transparent; } .accordion-button::after { background-size: 1rem; } .logo-btn::after { content: ''; position: absolute; top: -50%; left: -100%; width: 50%; height: 200%; background: rgba(255,255,255,0.2); transform: rotate(45deg); transition: all 0.6s; } .logo-btn:hover::after { left: 150%; } .logo-section-title { font-size: clamp(2rem, 5vw, 3rem); font-weight: 900; color: var(--luxury-dark); line-height: 1.1; margin-bottom: 25px; } @media (max-width: 991px) { .logo-hero { text-align: center; padding: 120px 20px 80px 20px; } .logo-hero-title { font-size: 2.8rem; } .hero-visual-stack { height: 350px; margin-top: 50px; } .bento-grid { grid-template-columns: 1fr; grid-template-rows: auto; gap: 15px; } .bento-1, .bento-2 { grid-column: span 1; } .bento-item { padding: 30px 20px; } /* Extra breathing room for all sections on mobile */ .spacious { padding: 80px 0; } } 
ACTIE Tijdelijk 20% korting op alle hostingpakketten!
Aanbieding eindigt in: 00:00:00
Bekijk acties
24/7 Support
Gratis Verhuisservice
99.9% Uptime
Over ons Blog Hulp & Contact
AuraHost Logo

Waar kan ik je mee helpen?

Zoeken op product, artikel of onderwerp

AuraHost Logo
Merkidentiteit Upgrade 2.0

Geef uw logo een krachtige upgrade

Uw huidige logo naar een hoger niveau tillen? Wij transformeren verouderde ontwerpen naar iconische identiteiten die luxe, vertrouwen en autoriteit uitstralen. Versie 2.0 voor uw merk.

Start uw Upgrade
Logo Upgrade detail
Logo Upgrade assets
Professionele logo upgrade

Waarom nu upgraden?

Een logo upgrade is geen kostenpost, maar een strategische investering.

Toekomstbestendige kwaliteit

Wij nemen uw bestaande kernwaarden en vertalen deze naar een modern, tijdloos ontwerp dat weer jarenlang mee kan.

Maximale Herkenbaarheid

Een merk dat evolueert. Wij zorgen dat uw trouwe klanten u herkennen, terwijl u een frisse nieuwe indruk maakt op de markt.

Vertrouwen

Een moderne uitstraling is de basis voor hernieuwd zakelijk succes.

Groei

Design dat evolueert en meegroeit met uw ambitieuze onderneming.

Logo Upgrade Look

De onweerstaanbare look

Bij AuraHost gaan we verder dan alleen een kleine aanpassing. Met ons Logo Upgrade Plus pakket zorgen we voor een complete moderne transformatie van uw visuele identiteit.

Logo Modernisering

Van oud naar iconisch

Kleur-update

Psychologisch & modern

Social Assets

Consistent in Versie 2.0

Upgrade uw pakket
Onze Methode

Het DNA van de Upgrade

Een upgrade is meer dan een nieuw laagje verf. Het is een strategische herijking van uw visuele kernwaarden voor de toekomst.

01

Audit

We analyseren uw huidige logo. Wat werkt goed en wat houdt uw groei tegen?

02

Transformatie

De evolutie begint. We behouden de herkenbaarheid maar vernieuwen de uitstraling.

03

Verfijning

We perfectioneren elk detail voor een 100% professionele en scherpe finish.

04

Implementatie

U ontvangt alle bestanden om uw vernieuwde merk overal consistent te lanceren.

Vragen?

Veelgestelde vragen over de upgrade

Heeft u specifieke vragen over de transformatie van uw logo? Hier zijn de antwoorden.

Staat uw vraag er niet bij? Neem contact op

Absoluut. Het doel van een upgrade is om de essentie van uw merk te behouden terwijl we de vormgeving moderniseren. We kijken naar kleuren, vormen en typografie die uw merk sterker maken zonder het onherkenbaar te maken.

Ja, u ontvangt een compleet pakket met vectorbestanden (EPS, SVG, PDF) voor drukwerk, evenals web-geoptimaliseerde formaten (PNG, JPG) in verschillende resoluties.

Bij een upgrade baseren we ons op uw bestaande indentiteit. Dit is ideaal als u al naamsbekendheid heeft maar een modernere look wilt. Bij een nieuw logo starten we volledig vanaf nul.

Klaar voor Versie 2.0?

Laat uw merk niet achterblijven. Start vandaag nog met een professionele logo upgrade.

Plan kennismaking Start mijn Upgrade