Die Schriftschnitte stimmen leider noch nicht ganz. Der Light-Schnitt wird hier mit font-weight: 300 zugewiesen (leider ist das von Schrift zu Schrift etwas unterschiedlich), somit brauchen:
alle H2 und H1 am Desktop sowie H1Mobile (nicht H2 Mobile) font-weight: 300. → ist geändert
Und die Sonderform “Zahlen“ braucht font-weight: 200. → ist geändert, macht aber visuell keinen unterschied 100 == 200
Ich würde überlegen, ob man für das Padding bei :where(.wp-block-group.has-background) nicht noch einen zusätzlichen Breakpoint zwischen Mobile und Desktop einfügt, weil bei den größeren Schriftgrößen wirken die 20px recht knapp. Vielleicht 30px, als Mittelwert zwischen 20 und 30. → ist nun fluid von 30px→40px, macht dann aber “Probleme” bei der Randbreite auf Mobile
Footer: ist etwas zu hoch, wäre gut wenn es sich ausgeht bei Desktop Viewhight zu nehmen –
Abstände bei Join our Team und Stay Ahead zum unteren Text jeweils zu groß, → done
Text bei Auswahl oben links bitte anpassen auf richtige, → done
Legal Notice etc. unten rechts auf 16 px → jetzt Schriftgröße small (15px)
die Join Our Team Box hat oben wieder das Problem, dass die Schrift optisch zu weit unten ist wegen dem “Fleisch” um die Texte – bitte negativ etwas hoch setzen → done?
Bei Startseite Titelbild bitte oben gleichen Abstand zum Menü wie zum Rand (wie in Ansicht XD) → done
Bei Platform Seite -> Allgemein wirken die Patterns alle etwas nah aneinander
Bei Teaser der Case Studies sind hier Bilder drinnen? War eigentlich nicht so groß eingeplant – also nur Text und auch mit kleineren Post-Headlines (24 px) und “Case Studies” sollte auch klein sein (46 px) hier zur Ansicht obiges Bild auf Platform-Seite und unten aus dem XD Design
Für Blog & Case Studie Seite -> Aufzählung zwei Varianten zur Ansicht in XD, Icon per Mail → done, inkl neuer Pattern für beides
Logos Row
Anmerkungen:
welches Element ist das? hatten wir nicht im Layout ist bei Ansicht auch nicht mittig ausgerichtet (falls es das machen sollte) → Pattern ist gelöscht, das kam aus einem anderen Projekt
Our Partners
We could not do what we do without the wonderful people of these companies.
Accordions
Anmerkungen:
Summary bzw Titel auf Large (24px) Größe geändert, p auf Medium.→ done
Aenean eu leo quam.
Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Cras mattis consectetur purus sit amet fermentum. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur.
Details
Call to Action Contact
Anmerkungen:
Headline ist etwas zu bold sollte in “light” sein
kleinerer Text unten bitte linkssausgerichtet schmäler setzen – also nach rechts großen Abstand, sodass es nicht einzeilig da steht
Sounds interesting? I’d be happy to show you how to unlock the full potential of your data with a tailored Augmented Intelligence solution.
Schedule a non-binding consultation with our experts today and discover what’s possible with your data treasure.
“an optional source” gibt es hier nicht – nur bei Blogseite bei Zitaten (welche auch anders formatiert sind, 46 px statt 56 px und der/die Zitatgeber:in ist nicht so groß: 18 px -> siehe XD Layout Blogseite etwas weiter unten)
Pellentesque ornare sem lacinia quam venenatis vestibulum.
Subheadline und Aufzählungen sind nicht auf einer Linie -> bitte immer “im Raster”, im Moment springt es
Headline und Subheadline sollten bei richtige Länge auf gleicher Unterlinie enden – man müsste der Headline eine minus-Margin von -6px geben, da sie im Moment zu weit unten hängt, falls Subheadline länger ist, ist es hald so, aber wenn HL zweizeilig und Subhead dreizeilig sind sie dann auf einer Zeile
Donec ullamcorper nulla
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Duis mollis, est non commodo luctus
Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
Duis mollis, est non commodo luctus
Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
Duis mollis, est non commodo luctus
Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
Duis mollis, est non commodo luctus
Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
Duis mollis, est non commodo luctus
Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
Duis mollis, est non commodo luctus
Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
Duis mollis, est non commodo luctus
Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
Duis mollis, est non commodo luctus
Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
Duis mollis, est non commodo luctus
Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
Duis mollis, est non commodo luctus
Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
Duis mollis, est non commodo luctus
Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
Duis mollis, est non commodo luctus
Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
Duis mollis, est non commodo luctus
Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
Duis mollis, est non commodo luctus
Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
Laut Layout sollten zwischen den Cards 100px sein, daher habe ich mal auf L gestellt, also oben und unten 40, in Summe also 80. Näher geht’s derweil nicht, da XL schon 96px ist.
Kannst Du den größeren Icons bitte eine margin-bottom von 12px verpassen? wp-block-image size-large is-style-icon → done
Optional: Das p Tag hat hier eine margin-top von 6px. Dadurch ist es ein bissl zu weit auseinander. Kannst Du die noch ein bissl verringern? So auf ca 3px? Bzw brauchen wir die global? → done
Duis mollis, est non commodo luctus
Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
Laut Layout sollten zwischen den Cards 100px sein, daher habe ich mal auf L gestellt, also oben und unten 40, in Summe also 80. Näher geht’s derweil nicht, da XL schon 96px ist.
Duis mollis, est non commodo luctus
Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
Features (Links?)
Anmerkungen:
der Hover-Effekt ist etwas ruckelig, und generell ist die “Animation” nicht wie im Layout –> siehe XD, die Schrift sollte nach rechts rücken, das Icon nach rechts und runter und der Pfeil nach rechts und hinauf – genaue Beschreibung dazu auf der Seite “Cards Icon & Text mit Link” – am besten jeweils 4 px
im Moment rück die Schrift mit dem Icon gemeinsam nach rechts unten und der Pfeil zu weit nach oben → done
Donec ullamcorper nulla
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula ut id elit. Donec id elit non mi porta gravida at eget metus. Aenean eu leo quam. Maecenas faucibus mollis interdum.
Duis mollis, est non commodo luctus
Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
Headline kommt mir etwas groß vor, sollte laut Layout H3 24 px sein → Pattern geändert. Auf den Blog-Seiten stimmt die Headline, da hier die Schriften automatisch kleiner sind
Cras mattis consectetur purus sit amet fermentum.
Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper nulla non metus auctor fringilla. Donec sed odio dui.
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum id ligula porta felis euismod semper. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas faucibus mollis interdum.
Pellentesque ornare sem lacinia quam venenatis vestibulum. Curabitur blandit tempus porttitor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Ich konnte das jetzt per CSS nicht genauer eruieren, aber auf der Startseite steht dieses Element ja über „Where can ONTEC AI make a difference?“. Kannst Du die Breite der Elemente so aufsetzen, dass die Linien gleich breit wie das Grid des Features-Elements ist? → Spaltenbreite kann manuell angepasst werden. Bugfix: Linkes Margin der Liste weg gemacht
die Häckchen bitte mittig zum Text – (bsp. wenn zweizeilig das Häckchen mittig nicht oben-bündig) → bist du Dir sicher? das schaut meines Erachtens immer sehr doof aus, wenn wir viele Zeilen haben
Aenean lacinia bibendum nulla sed consectetur.
Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. Quo usque tandem abutere, Catilina, patientia nostra? Donec sed odio dui. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
Nullam id dolor id nibh ultricies vehicula ut id elit. Pellentesque ornare sem lacinia quam venenatis vestibulum. Quo usque tandem abutere, Catilina, patientia nostra? Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
Pellentesque ornare sem lacinia quam venenatis vestibulum.
Maecenas faucibus mollis interdum.
Vestibulum id ligula porta felis euismod semper.
Logos Grid
Anmerkungen:
Hier habe ich das Padding etwas rauf gesetzt, damit der “Who we …“ nicht so im Eck klemmt.
Generell hängt die h2 immer etwas zu weit unten. Können wir global in den has-background bitte auf der wp-block-heading ein margin-top von -10px setzen?→ done
Abstand (Padding oder Margin (?)) unten ist etwas sehr groß, bitte verringern → done
Who we worked with
Logos Row
Anmerkungen:
Logos wären schön wenn mittig und etwas größerer Abstand dazwischen und darüber kommt eigentlich eine Linie (wie im XD Layout) → done
Our trusted Partners
Numbers
Anmerkungen:
Row auf align: bottom gesetzt, damit der Button unten sitzt. → done, war im Design allerdings mittig
Abstand von “Zahlen-Texte” zu Linie darunter bitte etwas größer → done
der Absatz unten “has-x-large-font-size” (und wsl. die anderen Texte in dieser Größe) haben einen etwas zu großen Zeilenabstand, wir hatten da 38 px (so ist es dann zweizeilig auch ca. gleich hoch wie die Buttons) → done
Performance that Scales
043%
Time saved
Cut the effort of searching and analyzing information in half with summaries and interactive search features.
032%
Productivity Boost
Increase employee efficiency through faster access to and better processing of information.
053%
Efficiency Gains
Automate document creation with AI-powered text generation. Generate reports, emails, and other documents faster and with greater precision.
Unlock the full potential of your teams with AI that accelerates processes, reduces manual effort, and delivers measurable gains across the board.
This white paper explores how AI can help organizations preserve critical knowledge, accelerate onboarding, and ensure seamless knowledge transfer –…
Page Cover
Anmerkungen:
PATTERNS
Aenean eu leo quam.
Text columns with Separator
Anmerkungen:
Fusce dapibus
Cras mattis consectetur purus sit amet fermentum.
Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
Vestibulum id ligula porta felis euismod semper.
Aenean eu leo quam.
Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
Text columns with Separator
Anmerkungen:
Abstand zu Copytext unten ist etwas knapp
Morbi leo risus, porta ac
Aenean eu leo quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur.
Cras mattis consectetur purus sit amet fermentum. Nullam id dolor id nibh ultricies vehicula ut id elit. Sed posuere consectetur est at lobortis. Nullam quis risus eget urna mollis ornare vel eu leo.
Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean eu leo quam. Sed posuere consectetur est at lobortis.
Aenean lacinia bibendum nulla sed consectetur. Vestibulum id ligula porta felis euismod semper.
Großer Text
Anmerkungen: → gelöscht, altes projekt
Donec ullamcorper nulla non metus auctor fringilla.
