Flowroos — tapahtumafloristitin laskeutumissivu

Flowroos tekee kukka-asetelmia häihin, yksityisillallisiin ja tuotelanseerauksiin Turussa. Briiffinä oli yksittäinen hero-sivu, joka tuntuu yhtä harkitulta kuin itse asetelmat — pehmeä, editoriaalinen ja tarpeeksi itsevarma houkuttelemaan tapahtumatilauksia.

Rakensin heron prässättyjen kukkien kollaasin ympärille: ilmava valkoinen sarjakukinto, pehmeä violetti varsi, vaaleanpunainen terärypäs ja vaalea orvokki. Jokainen kukka on erillinen PNG, kerrostettu CSS:n absoluuttisella sijoittelulla, jotta sommitelma voi muuntua ja skaalautua eri näyttökokoihin menettämättä editoriaalista tuntumaa.

Typografia yhdistää Bodoni Modan otsikoissa ja logossa Josefin Sansiin navigaatiossa ja leipätekstissä. Väripaletti on lämpimiä terälehtisävyjä OKLCH:ssa — ei puhdasta harmaata, ei puhdasta valkoista — sävytettynä kukkavärien suuntaan niin, että sivu tuntuu yhtenäiseltä materiaalilta.

Responsiivinen toiminta käyttää kolmea asetteluvaihetta binäärisen työpöytä/mobiili-jaon sijaan. Leveillä näytöillä logotyyppi, teksti ja kimppu jakavat kolmisarakkeisen gridin. Noin 900 pikselissä asettelu tiivistyy kaksisarakkeiseksi: logotyyppi vasemmassa yläkulmassa, kimppu oikealla. Puhelimessa hero muuttuu yksisarakkeiseksi pinoksi: teksti ensin, kimppu alle, kuvateksti kiinni.

Rakennettu Astrolla, scoped CSS:llä ja paikallisilla kukkakuvilla Astron oman kuvapipelinen kautta.