Halden: ιστοσελίδα αρχιτεκτονικού γραφείου

01

Επισκόπηση

Το Halden είναι πρότυπο αρχικής σελίδας για αρχιτεκτονικά γραφεία και studios σχεδιασμού. Ανοίγει με μια σταθερή σειρά πέντε έργων, όπου κάθε έργο αποκαλύπτει το προηγούμενο, και συνεχίζει με μανιφέστο, ευρετήριο έργων, αντικείμενο, διαδικασία, βραβεία και το ίδιο το γραφείο, σε δώδεκα ενότητες.

Κάθε κείμενο που φαίνεται βρίσκεται σε ένα αρχείο περιεχομένου, χρώματα και γραμματοσειρές ορίζονται από λίγες τιμές, και το site εξάγεται σε στατικά αρχεία που ανεβαίνουν οπουδήποτε. Το γραφείο, οι άνθρωποι και τα έργα του demo είναι φανταστικά, έτοιμα να αντικατασταθούν με τα δικά σας.

02

Χαρακτηριστικά

1. 01
   Hero με πέντε έργαΜια σταθερή σειρά στο scroll όπου κάθε έργο αποκαλύπτει το προηγούμενο, με μια ματιά στην προηγούμενη και την επόμενη εικόνα.
2. 02
   Μεταμόρφωση λέξηςΜια στιγμή υπογραφής: μια λέξη με περίγραμμα γεμίζει πάνω σε σχεδιασμένες ισοϋψείς. Από προεπιλογή, το VOID γίνεται FORM.
3. 03
   Ευρετήριο έργωνΜεγάλες γραμμές με προεπισκόπηση που ακολουθεί τον κέρσορα, και εικόνες μέσα στη λίστα σε οθόνες αφής.
4. 04
   Στρώσεις διαδικασίαςΜια ισομετρική στοίβα που συναρμολογείται στρώση στρώση καθώς κάνετε scroll.
5. 05
   Ένα αρχείο περιεχομένουΣτοιχεία του γραφείου, έργα, βραβεία, πελάτες και ομάδα αλλάζουν όλα από ένα αρχείο.
6. 06
   Προσβάσιμη κίνησηΌταν ο χρήστης ζητά λιγότερη κίνηση, σβήνουν τα σταθερά και τα συγχρονισμένα με το scroll κομμάτια, και κάθε hover έχει αντίστοιχο για πληκτρολόγιο ή αφή.

03

Ιδανικό για

1. 01
   Αρχιτεκτονικά γραφεία
2. 02
   Διακοσμητές εσωτερικών χώρων
3. 03
   Αρχιτέκτονες τοπίου
4. 04
   Studios σχεδιασμού

04

Τεχνολογίες

Next.js 15, React 19, GSAP 3, Lenis