Runoff design system
Bouwstenen
Kleuren, typografie en buttons komen uit de Thema-editor (Horizon).
De .rf-* onderdelen staan in assets/runoff.css.
Eén waarde daar aanpassen = overal aangepast.
Kleurenschema's — Thema-editor → Colors
scheme-1
scheme-2
scheme-3
scheme-4
scheme-5
Typografie — Thema-editor → Typography
Heading 1 — the same car, forever
Heading 2 — the same car, forever
Heading 3 — the same car, forever
Bodytekst. Handgemaakte kunstwerken van auto's, met oog voor detail en een verhaal dat blijft hangen.
rf-eyebrow — kicker boven een kop
rf-title — sectiekop
rf-lede — introzin onder de kop, iets rustiger dan bodytekst.
Buttons — Thema-editor → Buttons (gebruik class="button")
Pill / label — .rf-pill
2017 VandaagKaarten — .rf-card-grid + .rf-card
Kaart met icoon
Tekst-only kaart met een icoon-badge erboven.
Kaart zonder icoon
Zelfde kaart, geen icoon.
Interactieve kaart
Met hover-effect (interactive: true).
Quotes — .rf-quote-grid + snippet rf-quote
“Wat een fantastisch cadeau om te ontvangen.”
“Ruben vertaalt onze ideeën moeiteloos naar passende illustraties.”
“Oog voor detail, van begin tot eind.”
Stappen — .rf-steps + .rf-step
01
Kies je auto
Stuur ons een foto en de gegevens.
02
Wij tekenen
Met de hand, met jouw merk erin.
03
Jij keurt goed
Kleine bijstellingen, geen probleem.
04
Levering
Ingelijst en klaar om weg te geven.
Media-frame — .rf-media (--1x1 / --3x2 / --4x3 / --5x4 / --16x9)
Icoon-badge — .rf-icon-badge
Checklist — .rf-checklist
- Met de hand gemaakt in Nederland
- Vrijblijvend, geen druk
- Reactie binnen 1 werkdag
Logostrip — .rf-logo-strip + .rf-logo (breedte via --rf-logo-w)
Accordion — .rf-accordion op <accordion-custom>
Kunnen we het kunstwerk ook voor andere dingen gebruiken?
Ja. Je krijgt het bestand in hoge resolutie en mag het vrij gebruiken in je eigen communicatie.
Hebben jullie een minimum aantal?
Ja. Je krijgt het bestand in hoge resolutie en mag het vrij gebruiken in je eigen communicatie.