Flowroos — tapahtumafloristin laskeutumissivu

Flowroos tekee kukka-asetelmia häihin, yksityisillallisiin ja tuotelanseerauksiin Turussa. Briiffinä oli yksittäinen hero-sivu tapahtumatilausten voittamiseen — yhtä harkittu kuin itse asetelmat.

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, ettei mikään elementti jää pelkän harmaan tai valkoisen varaan.

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 ja scoped CSS:llä; kukkakuvat kulkevat Astron oman kuvaoptimoinnin läpi.