Colorize

Πότε να τη χρησιμοποιήσετε

Το /impeccable colorize είναι το αντίβαρο στο «όλα είναι γκρι». Dashboards που διαβάζονται ως μπεζ τοίχος, φόρμες χωρίς accent, σελίδες περιεχομένου που θα μπορούσαν να είναι οποιοδήποτε SaaS προϊόν. Χρησιμοποιήστε το όταν η διεπαφή είναι λειτουργική αλλά συναισθηματικά επίπεδη, и θέλετε ζεστασιά χωρίς να καταλήξετε στην παλέτα χρωμάτων AI (μοβ-σε-ροζ, cyan neon, λάμψη dark mode).

Πώς λειτουργεί

Η δεξιότητα ξεκινά διαβάζοντας το χρώμα brand σας αν υπάρχει, μετά αποφασίζει πού το χρώμα κερδίζει τη θέση του:

1. Κύρια ενέργεια παίρνει την ισχυρότερη έκφραση της απόχρωσης brand.
2. Δευτερεύοντα accents παίρνουν απαλά ή χρωματιστές παραλλαγές, όχι ένα δεύτερο πλήρες χρώμα.
3. Ουδέτερα χρωματίζονται προς την απόχρωση brand σε χαμηλή chroma (περίπου 0.005 έως 0.01), που είναι σχεδόν αόρατο ανά pixel αλλά δημιουργεί υποσυνείδητη συνοχή.
4. Κατηγορίες περιεχομένου παίρνουν ένα περιορισμένο, σκόπιμο σύστημα accent, όχι ένα ουράνιο τόξο.

Σημαντικά, χρησιμοποιεί OKLCH αντί για HSL ώστε τα ίδια βήματα φωτεινότητας να φαίνονται ίδια. Καθώς η φωτεινότητα κινείται προς τα άκρα, η chroma πέφτει αυτόματα. Αυτός είναι ο τρόπος να πάρετε χρώμα που νιώθεται σκόπιμο αντί για υπολογισμένο.

Δοκιμάστε το

/impeccable colorize the dashboard

Аναμενόμενο diff:

• Το χρώμα brand μεταφέρθηκε από hardcoded hex σε --color-accent: oklch(62% 0.18 240)
• Τα ουδέτερα χρωματίστηκαν με 0.007 chroma προς την απόχρωση brand
• Το κύριο κουμπί παίρνει το πλήρες accent, τα δευτερεύοντα κουμπιά παίρνουν ink/mist
• Οι σειρές γραφήματος χρησιμοποιούν 3 ξεχωριστές αποχρώσεις, όλες σε αντίστοιχη φωτεινότητα ώστε καμία σειρά να μην κυριαρχεί οπτικά
• Η απεικόνιση κενού state παίρνει ένα απαλό πλύσιμο accent

Παγίδες

• Εκτέλεση χωρίς απόχρωση brand. Το Colorize χρειάζεται ένα σημείο εκκίνησης. Αν το PRODUCT.md δεν καθορίζει ένα, θα ρωτήσει. Μην το αφήσετε να επιλέξει από τις προεπιλογές της παλέτας χρωμάτων AI.
• Αναμονή ότι θα διορθώσει το πρόβλημα της παλέτας χρωμάτων AI. Αν ο σχεδιασμός σας έχει ήδη μοβ διαβαθμίσεις и cyan neon, χρειάζεστε /impeccable quieter πρώτα, μετά το colorize μπορεί να ανακατασκευάσει.
• Χρήση σε ήδη πολύχρωμες διεπαφές. Αυτή είναι δουλειά για /impeccable quieter. Το Colorize προσθέτει, δεν αφαιρεί.