Tailwind CSS
Ένα δείγμα τύπου ως επίδειξη προϊόντος είναι ένα τυπογραφικό δοκίμιο όπου ο ίδιος ο τίτλος είναι η διεπαφή, επισημαίνεται με έντονη μαύρη γραμματοσειρά 96px και τραβάει την προσοχή μόνο και μόνο από το μέγεθός του.
Παλέτα
Μάρκα
- Syntax Sky
#00a6f4 - Syntax Cyan
#74d4ff
Ουδέτερος
- Ink Black
#030712 - Slate Mist
#4a5565 - Slate Mid
#6a7282 - Slate Cool
#364153 - Steel Veil
#90a1b9 - Fog Line
#cad5e2
Τυπογραφία
από 12 έως 96px · 6 βήματα
- Inter — αντικατάσταση: Inter (Google Fonts — this is already Inter) · περιγράμματα 400, 500, 600, 700
- IBM Plex Mono (plexMono) — αντικατάσταση: IBM Plex Mono (Google Fonts) · περιγράμματα 400, 500, 600
Διαστήματα και μορφή
| Σκοπός | Εννοια |
|---|---|
| Πυκνότητα | ευρύχωρος |
| Βασικό βήμα | 16px |
| Ακτίνα κουμπιού | 32px (pill CTA), 4px (code/tag badges) |
| Ακτίνα κάρτας | 8px |
| Σκιές | χωρίς περιγράμματα αντί για σκιές |
| Μεταξύ τμημάτων | 96px |
| Πλάτος σελίδας | 1280px |
Η Τεχνητή Νοημοσύνη θα δημιουργήσει τον ιστότοπό σας σε στυλ Tailwind CSS και θα τον γεμίσει
- Συμπληρώστε με προϊόντα και αναρτήσεις μέσω του συνδέσμου - Instagram, TikTok, Facebook.
- Μεταφέρετε περιεχόμενο από τον παλιό σας ιστότοπο—απλώς καθορίστε τη διεύθυνση.
- Μοντέρνος σχεδιασμός στην καλύτερη μηχανή αναζήτησης: React ( Next.js) με απόδοση διακομιστή και βελτιστοποίηση SEO από την πρώτη στιγμή.
- Πλήρως αυτοματοποιημένη βελτιστοποίηση SEO για αποτελέσματα αναζήτησης και προτάσεις νευρωνικών δικτύων.
Παρόμοια στυλ
- Avoice — Μια πινελιά λαχανί σε σχέδια μεσονυχτίου. Δημιουργήστε ανοιχτόχρωμες ενότητες σελίδας που μοιάζουν με έγγραφα γύρω από σχεδόν μαύρα βήματα παραγωγής και, στη συνέχεια, χρησιμοποιήστε το φωτεινό λαχανί ως ένα ιδιαίτερα ορατό σύνθημα για μετασχηματισμούς, επιλογές και αρχιτεκτονικά σχόλια.
- Bee — Ένα ηλιόλουστο, μελί-κίτρινο φυλαχτό. Δημιουργήστε κάθε οθόνη ως ένα απτό αφής αφιέρωμα στο editorial: προσωπικές εικόνες προϊόντων που φοριούνται στον καρπό, πλαισιωμένες σε γενναιόδωρα στρογγυλεμένα πλαίσια, δίπλα σε έντονα, σχεδόν μαύρα γράμματα σε κίτρινο ή ανοιχτό ουδέτερο φόντο.
- AI for Business — Εκθεσιακός χώρος Brutalist σε ζεστούς γκρι τόνους
- Superhuman — συντακτική επιτροπή της χρυσής ώρας
- Visitors — λευκό μηχανικό σχέδιο
- Vercel — Τερματικό τυπωμένο σε λευκό χαρτί
- Jeton — Ένα άρθρο σχετικά με το fintech σε ζεστό μάρμαρο
- ClickUp — Ένας ισχυρός πίνακας ελέγχου σε λευκό μάρμαρο. Η σελίδα είναι ένα φυλλάδιο προϊόντος για ένα εργαλείο παραγωγικότητας, επομένως η οπτική γλώσσα δανείζεται από το ίδιο το προϊόν: πυκνές λίστες, δείκτες κατάστασης, ομάδες avatar και έντονες τυπογραφικές δηλώσεις που μοιάζουν με προδιαγραφές προϊόντος στην οθόνη.
- Dock — Χαρτί κρέμας με ηλιοφωτισμό, παλμός κοβαλτίου
- Quizlet — Η τάξη είναι διακοσμημένη σε ποικιλία χρωμάτων σε λευκό φόντο - ένα ήσυχο γραφείο, πίσω από το οποίο τέσσερις παστέλ κάρτες είναι η μόνη φωτεινή πινελιά σε ένα φόντο από δροσερούς γκρι τοίχους και ένα μόνο σημάδι με μαρκαδόρο ιντίγκο.
- Airtable — Ένα άνετο σεμινάριο με κεφάλαια που επισημαίνονται με διαφορετικά χρώματα
- Headspace — Μια ηλιόλουστη γωνιά ευεξίας σε ζεστό χαρτί