Pixel
Websites, die funktionieren in Hamburg
Design und Entwicklung von Websites und digitalen Werkzeugen – schnell, barrierearm und leicht zu pflegen.
%7D.s-w%7Bstroke:var(--w)%7D.t-w%7Bstop-color:var(--w)%7D.w2%7Bfill:var(--w2)%7D.s-w2%7Bstroke:var(--w2)%7D.t-w2%7Bstop-color:var(--w2)%7D.fl%7Bfill:var(--fl)%7D.s-fl%7Bstroke:var(--fl)%7D.t-fl%7Bstop-color:var(--fl)%7D.fl2%7Bfill:var(--fl2)%7D.s-fl2%7Bstroke:var(--fl2)%7D.t-fl2%7Bstop-color:var(--fl2)%7D.m%7Bfill:var(--m)%7D.s-m%7Bstroke:var(--m)%7D.t-m%7Bstop-color:var(--m)%7D.md%7Bfill:var(--md)%7D.s-md%7Bstroke:var(--md)%7D.t-md%7Bstop-color:var(--md)%7D.ml%7Bfill:var(--ml)%7D.s-ml%7Bstroke:var(--ml)%7D.t-ml%7Bstop-color:var(--ml)%7D.mx%7Bfill:var(--mx)%7D.s-mx%7Bstroke:var(--mx)%7D.t-mx%7Bstop-color:var(--mx)%7D.a%7Bfill:var(--a)%7D.s-a%7Bstroke:var(--a)%7D.t-a%7Bstop-color:var(--a)%7D.ad%7Bfill:var(--ad)%7D.s-ad%7Bstroke:var(--ad)%7D.t-ad%7Bstop-color:var(--ad)%7D.al%7Bfill:var(--al)%7D.s-al%7Bstroke:var(--al)%7D.t-al%7Bstop-color:var(--al)%7D.k%7Bfill:var(--k)%7D.s-k%7Bstroke:var(--k)%7D.t-k%7Bstop-color:var(--k)%7D.k2%7Bfill:var(--k2)%7D.s-k2%7Bstroke:var(--k2)%7D.t-k2%7Bstop-color:var(--k2)%7D.p%7Bfill:var(--p)%7D.s-p%7Bstroke:var(--p)%7D.t-p%7Bstop-color:var(--p)%7D.p2%7Bfill:var(--p2)%7D.s-p2%7Bstroke:var(--p2)%7D.t-p2%7Bstop-color:var(--p2)%7D%3C/style%3E%3Cdefs%3E%3ClinearGradient id='vx' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.26'/%3E%3Cstop offset='.38' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.7' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='.2'/%3E%3C/linearGradient%3E%3ClinearGradient id='vy' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.24'/%3E%3Cstop offset='.45' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='.18'/%3E%3C/linearGradient%3E%3CradialGradient id='vr' cx='.36' cy='.32' r='.75'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.42'/%3E%3Cstop offset='.45' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='.24'/%3E%3C/radialGradient%3E%3CradialGradient id='sh'%3E%3Cstop offset='0' stop-color='%231b1714' stop-opacity='.34'/%3E%3Cstop offset='.55' stop-color='%231b1714' stop-opacity='.12'/%3E%3Cstop offset='1' stop-color='%231b1714' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='gw'%3E%3Cstop offset='0' stop-color='%23fff8e6' stop-opacity='.75'/%3E%3Cstop offset='.5' stop-color='%23fff8e6' stop-opacity='.2'/%3E%3Cstop offset='1' stop-color='%23fff8e6' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='ls' x1='0' y1='0' x2='.35' y2='1'%3E%3Cstop offset='0' stop-color='%23fffaf0' stop-opacity='.42'/%3E%3Cstop offset='1' stop-color='%23fffaf0' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='wl' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' class='t-w'/%3E%3Cstop offset='1' class='t-w2'/%3E%3C/linearGradient%3E%3ClinearGradient id='fg' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' class='t-fl2'/%3E%3Cstop offset='1' class='t-fl'/%3E%3C/linearGradient%3E%3ClinearGradient id='sky' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' class='t-mx'/%3E%3Cstop offset='1' stop-color='%23fdfaf4'/%3E%3C/linearGradient%3E%3CradialGradient id='spot' cx='.5' cy='.38' r='.62'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.55'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='go' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23f8e7b0'/%3E%3Cstop offset='.35' stop-color='%23d6a74c'/%3E%3Cstop offset='.6' stop-color='%23f2d27f'/%3E%3Cstop offset='1' stop-color='%239c6d26'/%3E%3C/linearGradient%3E%3ClinearGradient id='si' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23f6f7f9'/%3E%3Cstop offset='.4' stop-color='%23b8bec6'/%3E%3Cstop offset='.65' stop-color='%23eef1f4'/%3E%3Cstop offset='1' stop-color='%23858e98'/%3E%3C/linearGradient%3E%3ClinearGradient id='cu' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23f6c79b'/%3E%3Cstop offset='.45' stop-color='%23c9784a'/%3E%3Cstop offset='.7' stop-color='%23eaa676'/%3E%3Cstop offset='1' stop-color='%238e4a2a'/%3E%3C/linearGradient%3E%3ClinearGradient id='wd' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23d7aa78'/%3E%3Cstop offset='1' stop-color='%23a87447'/%3E%3C/linearGradient%3E%3ClinearGradient id='wk' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%238a5b3a'/%3E%3Cstop offset='1' stop-color='%235a3922'/%3E%3C/linearGradient%3E%3ClinearGradient id='br' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23e3a65e'/%3E%3Cstop offset='.55' stop-color='%23c47d3b'/%3E%3Cstop offset='1' stop-color='%238d5427'/%3E%3C/linearGradient%3E%3ClinearGradient id='gl' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.25' stop-color='%23fff' stop-opacity='.12'/%3E%3Cstop offset='.8' stop-color='%23fff' stop-opacity='.06'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.35'/%3E%3C/linearGradient%3E%3ClinearGradient id='lf' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%238fae7f'/%3E%3Cstop offset='1' stop-color='%234b6b48'/%3E%3C/linearGradient%3E%3ClinearGradient id='lf2' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%236f9468'/%3E%3Cstop offset='1' stop-color='%23355238'/%3E%3C/linearGradient%3E%3ClinearGradient id='tc' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%23d98a62'/%3E%3Cstop offset='1' stop-color='%23a65538'/%3E%3C/linearGradient%3E%3ClinearGradient id='cb' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23dcb07c'/%3E%3Cstop offset='1' stop-color='%23b48452'/%3E%3C/linearGradient%3E%3Cfilter id='gr' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .5 -.18'/%3E%3C/filter%3E%3C/defs%3E%3Crect x='0' y='0' width='1600' height='730' fill='url(%23wl)'/%3E%3Crect x='0' y='730' width='1600' height='270' fill='url(%23fg)'/%3E%3Cpath d='M360 730L-120 1000' fill='none' class='s-fl2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='0.45'/%3E%3Cpath d='M470 730L110 1000' fill='none' class='s-fl2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='0.45'/%3E%3Cpath d='M580 730L340 1000' fill='none' class='s-fl2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='0.45'/%3E%3Cpath d='M690 730L570 1000' fill='none' class='s-fl2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='0.45'/%3E%3Cpath d='M800 730L800 1000' fill='none' class='s-fl2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='0.45'/%3E%3Cpath d='M910 730L1030 1000' fill='none' class='s-fl2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='0.45'/%3E%3Cpath d='M1020 730L1260 1000' fill='none' class='s-fl2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='0.45'/%3E%3Cpath d='M1130 730L1490 1000' fill='none' class='s-fl2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='0.45'/%3E%3Cpath d='M1240 730L1720 1000' fill='none' class='s-fl2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='0.45'/%3E%3Crect x='0' y='724' width='1600' height='12' class='p2'/%3E%3Cpath d='M144 150h292a4 4 0 0 1 4 4v412a4 4 0 0 1 -4 4h-292a4 4 0 0 1 -4 -4v-412a4 4 0 0 1 4 -4Z' class='p'/%3E%3Cpath d='M158 166h264a2 2 0 0 1 2 2v384a2 2 0 0 1 -2 2h-264a2 2 0 0 1 -2 -2v-384a2 2 0 0 1 2 -2Z' fill='url(%23sky)'/%3E%3Cg transform='translate(0 0)'%3E%3Cpath d='M156 477.6Q245 427.2 326 469.2T424 452.4V554H156Z' class='ml' opacity='0.35'/%3E%3Ccircle cx='356' cy='410.4' r='36' fill='url(%23lf)' opacity='0.45'/%3E%3C/g%3E%3Cpath d='M290 166V554M156 385.2H424' fill='none' class='s-p' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='126' y='564' width='328' height='16' rx='3' class='p2'/%3E%3Cpath d='M156 570L424 570L820 1000L400 1000Z' fill='url(%23ls)'/%3E%3Cpath d='M156 166L424 166L424 554L156 554Z' fill='%23fff' opacity='0.08'/%3E%3Cpath d='M1100 0V200' fill='none' class='s-k' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' opacity='0.7'/%3E%3Cellipse cx='1100' cy='320' rx='170' ry='120' fill='url(%23gw)' opacity='0.7'/%3E%3Cpath d='M1038 252Q1042 200 1100 200Q1158 200 1162 252Z' class='md'/%3E%3Cpath d='M1038 252Q1042 200 1100 200Q1158 200 1162 252Z' fill='url(%23vx)'/%3E%3Cellipse cx='1100' cy='252' rx='62' ry='8' fill='%23fff3c4' opacity='0.9'/%3E%3Crect x='1100' y='200' width='300' height='220' rx='8' class='p'/%3E%3Crect x='1120' y='220' width='80' height='60' rx='6' class='a'/%3E%3Crect x='1212' y='220' width='80' height='60' rx='6' class='ml'/%3E%3Crect x='1304' y='220' width='80' height='60' rx='6' class='m'/%3E%3Crect x='1120' y='300' width='260' height='100' rx='6' class='mx'/%3E%3Cellipse cx='830' cy='924' rx='492' ry='18' fill='url(%23sh)'/%3E%3Crect x='444' y='744' width='14' height='180' rx='3' fill='url(%23wk)'/%3E%3Crect x='1202' y='744' width='14' height='180' rx='3' fill='url(%23wk)'/%3E%3Cpath d='M424 730h812a4 4 0 0 1 4 4v10a4 4 0 0 1 -4 4h-812a4 4 0 0 1 -4 -4v-10a4 4 0 0 1 4 -4Z' fill='url(%23wd)'/%3E%3Cpath d='M424 730h812a4 4 0 0 1 4 4v10a4 4 0 0 1 -4 4h-812a4 4 0 0 1 -4 -4v-10a4 4 0 0 1 4 -4Z' fill='url(%23vy)'/%3E%3Cellipse cx='760' cy='732' rx='220' ry='14' fill='url(%23sh)'/%3E%3Cpath d='M572 420h376a12 12 0 0 1 12 12v236a12 12 0 0 1 -12 12h-376a12 12 0 0 1 -12 -12v-236a12 12 0 0 1 12 -12Z' class='k'/%3E%3Cpath d='M572 420h376a12 12 0 0 1 12 12v236a12 12 0 0 1 -12 12h-376a12 12 0 0 1 -12 -12v-236a12 12 0 0 1 12 -12Z' fill='url(%23vy)'/%3E%3Crect x='578' y='438' width='364' height='224' rx='6' class='p'/%3E%3Crect x='598' y='458' width='160' height='18' rx='5' class='m'/%3E%3Crect x='598' y='488' width='300' height='10' rx='5' class='p2'/%3E%3Crect x='598' y='506' width='260' height='10' rx='5' class='p2'/%3E%3Crect x='598' y='536' width='150' height='100' rx='8' class='a' opacity='0.85'/%3E%3Crect x='766' y='536' width='156' height='100' rx='8' class='ml'/%3E%3Crect x='740' y='680' width='40' height='50' class='k2'/%3E%3Cg transform='translate(976 616.8) scale(0.3)'%3E%3Cellipse cx='200' cy='360' rx='110' ry='10' fill='url(%23sh)'/%3E%3Cpath d='M140 30h120a30 30 0 0 1 30 30v270a30 30 0 0 1 -30 30h-120a30 30 0 0 1 -30 -30v-270a30 30 0 0 1 30 -30Z' class='k'/%3E%3Cpath d='M140 30h120a30 30 0 0 1 30 30v270a30 30 0 0 1 -30 30h-120a30 30 0 0 1 -30 -30v-270a30 30 0 0 1 30 -30Z' fill='url(%23vx)'/%3E%3Crect x='122' y='44' width='156' height='302' rx='20' class='p'/%3E%3Crect x='170' y='54' width='60' height='10' rx='5' class='k'/%3E%3Crect x='136' y='80' width='128' height='70' rx='10' class='m'/%3E%3Crect x='136' y='162' width='60' height='60' rx='10' class='a'/%3E%3Crect x='204' y='162' width='60' height='60' rx='10' class='ml'/%3E%3Crect x='136' y='234' width='128' height='12' rx='6' class='p2'/%3E%3Crect x='136' y='254' width='100' height='12' rx='6' class='p2'/%3E%3Crect x='136' y='290' width='128' height='36' rx='18' class='m'/%3E%3C/g%3E%3Cellipse cx='300' cy='732' rx='49.5' ry='7.7' fill='url(%23sh)'/%3E%3Cpath d='M300 666Q294.5 622 278 589M300 666Q311 616.5 327.5 594.5M300 666V567' fill='none' stroke='%234b6b48' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg transform='translate(278 594.5) rotate(-38) scale(0.6050000000000001)'%3E%3Cpath d='M0 0Q34 -40 0 -110Q-34 -40 0 0Z' fill='url(%23lf)'/%3E%3Cpath d='M0 -8V-100' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='0.25'/%3E%3C/g%3E%3Cg transform='translate(327.5 597.3) rotate(34) scale(0.6325)'%3E%3Cpath d='M0 0Q34 -40 0 -110Q-34 -40 0 0Z' fill='url(%23lf2)'/%3E%3Cpath d='M0 -8V-100' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='0.25'/%3E%3C/g%3E%3Cg transform='translate(300 569.8) rotate(4) scale(0.6875)'%3E%3Cpath d='M0 0Q34 -40 0 -110Q-34 -40 0 0Z' fill='url(%23lf)'/%3E%3Cpath d='M0 -8V-100' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='0.25'/%3E%3C/g%3E%3Cg transform='translate(289 633) rotate(-70) scale(0.5225)'%3E%3Cpath d='M0 0Q34 -40 0 -110Q-34 -40 0 0Z' fill='url(%23lf2)'/%3E%3Cpath d='M0 -8V-100' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='0.25'/%3E%3C/g%3E%3Cg transform='translate(314.3 638.5) rotate(66) scale(0.49500000000000005)'%3E%3Cpath d='M0 0Q34 -40 0 -110Q-34 -40 0 0Z' fill='url(%23lf)'/%3E%3Cpath d='M0 -8V-100' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='0.25'/%3E%3C/g%3E%3Cpath d='M268.1 666H331.9L325.3 732H274.7Z' fill='url(%23tc)'/%3E%3Cpath d='M268.1 666H331.9L325.3 732H274.7Z' fill='url(%23vx)'/%3E%3Cellipse cx='760' cy='560' rx='300' ry='200' fill='url(%23gw)' opacity='0.3'/%3E%3Crect width='1600' height='1000' filter='url(%23gr)' opacity='.32'/%3E%3C/svg%3E)
Pixel
Referenzen
Kunde oder Projekt
Beschreiben Sie kurz Aufgabe, Lösung und Ergebnis – mit Erlaubnis des Kunden.
Kunde oder Projekt
Beschreiben Sie, wobei Sie geholfen haben und was der Kunde davon hatte.
Kunde oder Projekt
Ergänzen Sie gern ein Foto und ein kurzes Zitat des Kunden.
So läuft es ab
1. Sie melden sich
Beschreiben Sie den Auftrag über das Formular oder am Telefon.
2. Wir vereinbaren alles
Sie erhalten eine klare Absprache zu Umfang, Zeit und Preis, bevor wir beginnen.
3. Wir führen den Auftrag aus
Wir halten Sie auf dem Laufenden und räumen hinter uns auf.
Können wir helfen?
Schreiben Sie uns oder rufen Sie an – wir antworten schnell.