feat(ui): editorial off-grid restyling — landing + tutte le pagine app
Direzione visiva "asimmetrico/off-grid" applicata in modo coerente:
titoli mega che sbordano dal viewport (bleed-left), chapter markers
giganti in stroke trasparente come art di sfondo, eyebrow verticale
sul bordo destro, mesh-blob fluttuanti, cursor-glow che segue il mouse.
- Landing marketing rifatta da zero: hero cinema con mockup ruotato in
absolute, marquee infinito di keyword, stats sparse a quote diverse,
bento di feature ruotate, mockup browser 3D che sborda a destra,
CTA finale dark con "?" gigante.
- Dashboard loggata: greeting bleed-left, hero card "/plan" ruotata,
nav asimmetrica con chapter markers per ogni voce.
- /plan, /onboarding, /profile, /tracking, /fasting, /shopping: stesso
trattamento chrome (titolo bleed, chapter marker, atmosfera mesh-blob),
contenuti funzionali invariati.
Componenti nuovi:
- CursorGlow (client) — alone radiale che segue il mouse, easing morbido
- EditorialHeader (server) — header riusabile con chapter+eyebrow+title
- EditorialAtmosphere (server) — preset di mesh-blob per pagina
CSS utilities: text-mega, text-chapter, text-stroke, bleed-left/right,
btn-gradient, glow-ring, tilt-3d, animate-marquee, animate-float-{x,y,z},
animate-ring-trace. Tutte rispettano prefers-reduced-motion.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
1 parent
d17c5ef869
commit
d467e212cb
12 files changed
+1855
-316
No files matched your search
@@ -1,9 +1,12 @@
|
||||
{
|
||||
"Home": {
|
||||
"title": "Una keto italiana, sostenibile",
|
||||
"titleAccent": "sostenibile",
|
||||
"tagline": "Il sentiero che ti accompagna dalla prima settimana di adattamento al mantenimento — settimana dopo settimana, piatto dopo piatto.",
|
||||
"ctaPrimary": "Iscriviti",
|
||||
"ctaSecondary": "Accedi",
|
||||
"ctaTryFree": "Inizia gratis",
|
||||
"ctaTryFreeHint": "Niente carta, niente spam. Disinstalla quando vuoi.",
|
||||
"disclaimer": "KetoPath è uno strumento di stile di vita: suggerisce, non prescrive. Le indicazioni nutrizionali non sostituiscono il parere del tuo medico.",
|
||||
"signedInAs": "Accesso effettuato come {name}",
|
||||
"signOut": "Esci",
|
||||
@@ -17,7 +20,42 @@
|
||||
"greeting": "Buongiorno, <name>{name}</name>.",
|
||||
"principle1": "Personalizzazione totale: ciò che vedi è solo ciò che ti riguarda.",
|
||||
"principle2": "Cucina italiana e mediterranea: ingredienti veri, di stagione, reperibili.",
|
||||
"principle3": "Progressività: dalla fase intensiva al mantenimento, senza strappi."
|
||||
"principle3": "Progressività: dalla fase intensiva al mantenimento, senza strappi.",
|
||||
"stat1Label": "Fasi del percorso",
|
||||
"stat1Value": "3",
|
||||
"stat1Hint": "Intensiva · Transizione · Mantenimento",
|
||||
"stat2Label": "Ricette mediterranee",
|
||||
"stat2Value": "96+",
|
||||
"stat2Hint": "Tutte stagionali, italiane",
|
||||
"stat3Label": "Costo del piano",
|
||||
"stat3Value": "0€",
|
||||
"stat3Hint": "Gratis durante la beta",
|
||||
"featureSectionEyebrow": "Cosa fa per te",
|
||||
"featureSectionTitle": "Tre strumenti, un solo ritmo.",
|
||||
"feature1Eyebrow": "Cucina",
|
||||
"feature1Title": "Piano settimanale che si adatta a te",
|
||||
"feature1Body": "Ogni domenica un menù di sette giorni costruito sui tuoi macros, le tue esclusioni e il tempo che hai in cucina. La lista della spesa si genera da sola.",
|
||||
"feature2Eyebrow": "Digiuno",
|
||||
"feature2Title": "Digiuno intermittente, senza ansia",
|
||||
"feature2Body": "Sei protocolli, dal 14:10 al 5:2. Il timer ti accompagna con micro-promemoria di idratazione, elettroliti, e una proposta morbida per rompere il digiuno.",
|
||||
"feature3Eyebrow": "Tracking",
|
||||
"feature3Title": "Numeri che parlano, non urlano",
|
||||
"feature3Body": "Una pesata a settimana, qualche misura quando vuoi, una foto se ti va. Trend lineare, soglia d'allarme, esportazione PDF per il medico.",
|
||||
"previewSectionEyebrow": "Sotto il cofano",
|
||||
"previewSectionTitle": "L'app, in tre schermate.",
|
||||
"previewSectionBody": "Niente dashboard infinite. Tre superfici essenziali: il piano di oggi, la sessione di digiuno, la pesata della settimana.",
|
||||
"previewPlanLabel": "Mercoledì · giorno III",
|
||||
"previewPlanRecipe1": "Frittata di spinaci",
|
||||
"previewPlanRecipe2": "Tagliata con rucola",
|
||||
"previewPlanRecipe3": "Branzino al cartoccio",
|
||||
"previewFastLabel": "16:8 · in corso",
|
||||
"previewFastTime": "08:42",
|
||||
"previewFastHint": "Ancora 7h 18m alla finestra alimentare.",
|
||||
"previewWeightLabel": "−4,2 kg in 8 settimane",
|
||||
"ctaSectionTitle": "Pronti a partire?",
|
||||
"ctaSectionBody": "Sette passaggi, dieci minuti, e il tuo primo piano è pronto. Senza carta di credito.",
|
||||
"principlesEyebrow": "Tre principi non negoziabili",
|
||||
"footerCopyright": "KetoPath — anno I, Italia."
|
||||
},
|
||||
"Welcome": {
|
||||
"title": "Prima di iniziare",
|
||||
|
||||
Reference in new issue
Block a user