statikbe / wireframekit-sketch

Sketch wireframekit

wireframekit-sketch

Sketch wireframekit

wireframekit-sketch's Issues

Contentbuilder overview toevoegen

Symbol van geneste symbols

Filters toevoegen

Verschillende soorten/blokken van filters toevoegen:

• Categorieën
• jaartal
• ...

In verschillende vormen:

• full width / horizontaal
• 4-col width / verticaal

Gecentreerde tekst opkuisen en responsive maken

Responsiveness van gecentreerde tekst opkuisen in blokken zoals het CTA blok, ...

Aanmelden/inloggen blok toevoegen

Responsiveness van blokken fixen

Hero varianten toevoegen

Paar andere hero-varianten toevoegen.

• Full width image met titel, bodytekst en knop
• Full width image met titel en bodytekst
• 50% Tekstblok (titel, bodytekst en knop) met 50% image

Alle mogelijke contentbuilder-blokken toevoegen

Toe te voegen:

• Section light: default(wit) & light (lichtgrijs)
• Section dark: primary (accentkleur met witte achtergrond)
• Section spatiëring: bovenaan geen padding, onderaan 36px onderaan
• Text 2 col
• Text + image (links/rechts) (optionele CTA)
• Video section (8col)
• Image (8col)
• Text + Video (links/rechts) (optionele CTA)
• Quote: text, author (optioneel), CTA (optionele), background-color
• Forms
• Buttons: Primary (default/inverted), Secondary (default/inverted), Ghost (default black/inverted

(op basis van contentbuilder document: https://docs.google.com/spreadsheets/d/1cPcQqv6_5PceVaBe0nlhpaStYtkdPI7OwLOd8CPxngE/edit?usp=sharing )

Extra footer varianten toevoegen

• Een versie met logo rechts
• Met newsletter blok er in
• ...

Overviews toevoegen

• Events overview
• Blogpost overview

Modal toevoegen

• lightbox image met arrows
• titel + body + sluitknop (sluitknop 'X' rechtsboven en sluitknop onderaan), zie CLBWEB wireframes

Verschillende CTA banners maken / uitbreiden

• Dark
• Combinaties van elementen op de banner.
• Secondary color variant?

Pagination updaten

Pagination zit zo al in de base install, mag ge-update worden in wireframe kit.
Dit voorbeeld heb ik uitgewerkt in SIFWEB wireframes, kan van daar gekopieerd worden.

Block components vullen met Unsplash symbol

Re-captcha toevoegen als element

Dropdown component opkuisen

Unsplash image met blauwe overlay toevoegen

Een placeholder met een 'echte' foto maar met blauwe kleurenoverlay

Form varianten/nieuwe stijl toevoegen

• Toevoegen van nieuwe form-elementen
• Aanvullen van nieuwe form stijl (vergelijken met eerste elementen)
• Expanded datepicker
• Contactform variant onder elkaar (checken voor schaalbaarheid)

InVision Project aanmaken met alle standaard elementen

Social media icons toevoegen in doormat

Juicer / Instagram section toevoegen

Een blok met enkele Instagram posts op met #hashtag of titel