Kurzlinks
Regeln
- Schreibweise: Lidl Connect
- Sim-Karte
- dt., MB, Mbit/s
- Preise mit Punkt z.B. 4.99 Euro
- Innerhalb des Satzes immer klein schreiben: du, dir, deins, dein, deine, deiner, deines, dich, deinem
- Global ist die Schriftfarbe immer Grey 900
- Wir benutzen keine Disabled-Buttons als Default state
- Beim Klick auf ein Button, wird dieser zu disabled, bis die Anfrage bearbeitet worden ist (Vermeidung von doppelten Requests)
Accessibility
Folgende Screenreader müssen wir unterstützen
- Desktop: NVDA
and Narratorfor windows - Desktop: Voiceover for macs
- Mobile: Talkback for android
- Mobile: Voiceover for iOS
Tastatursteuerung
- Tab: Springen zum nächsten Element
- Leertaste: Scrollen der Seite nach unten
- Pfeilteiste: ohne Funktion
Anforderungen
Font Styles
Inter
Das ist ein a-Tag und das hier nicht mehr
text-xs -> 12px, 400W, 18px LH
text-sm -> 14px, 400W, 21px LH
text-base -> D: 16px, 400W, 24px LH
text-base-semibold -> 16px, 600W, 24px LH
text-base-medium -> 16px, 500W, 24px LH
text-base-inter -> 18px, 400W, 27px LH
text-lg -> 18px, 500W, 27px LH
Lidl Font Cont Pro
a-tag außerhalb eines p-tagstext-xl -> Desktop 20px
text-2xl -> 24px, 400W, 36px LH
text-3xl -> 30px, 400W, 45px LH
text-4xl -> 38px, 400W, 57px LH
Lidl Font Cont Pro - Semibold
text-base-lidl -> 20px, 600W, 30px LH
text-xl-lidl -> 44px, 600W, 57px LH
Breakpoints
Ansatz: Desktop First
Desktop View => 1025px und größer
Tablet View => 768px - 1024px
Mobile View => 0 - 767px
h1 {
font-size: 32px; // Standard für Desktop
@media (max-width: $break-tablet) {
font-size: 28px; // Tablet
}
@media (max-width: $break-mobile) {
font-size: 24px; // Mobile
}
}
Buttons
Wir benutzen keine Disabled Buttons
Formular
Formular Validierung
Box-Elemente
Die Freischaltnummer entspricht den letzten fünf Stellen Deiner SIM-Kartennummer. Beides findest du auf der Rückseite Deines Starterpaketes.
Die Freischaltnummer entspricht den letzten fünf Stellen Deiner SIM-Kartennummer. Beides findest du auf der Rückseite Deines Starterpaketes.
Die eSIM-Bestellung steht vorübergehend nur über das Service Center zur Verfügung. Wünschst du eine eSIM-Bestellung, so kontaktiere uns bitte:
0211-2774 2774 1 oder 0172 222 20 22 2
Als Lidl Connect Kunde nutzt Du Deine Inklusiveinheiten, wenn vorhanden. Andernfalls zahlst Du in Deutschland 0,09 € pro Minute.
1. Es gilt der vom jeweiligen Anbieter ausgewiesene Preis für einen Anruf ins deutsche Festnetz. 2. Aus Fremdnetzen gilt der vom jeweiligen Anbieter ausgewiesene Preis für einen Mobilfunkanruf ins dt. Vodafone-Netz.Kontakt - Box
Kontakt
Unsere Servicezeiten sind Montags bis Sonntags von 07:00 – 23:00 Uhr und an Feiertagen von 10:00 – 18:00 Uhr.
Als Lidl Connect Kunde nutze deine Inklusiveinheiten, wenn vorhanden. Andernfalls zahlst du in Deutschland 0,09 €/Min.
1 Es gilt der vom jeweiligen Anbieter ausgewiesene Preis für einen Anruf ins deutsche Festnetz.
2 Aus Fremdnetzen gilt der vom jeweiligen Anbieter ausgewiesene Preis für einen Mobilfunkanruf ins dt. Vodafone-Netz.
templates/lidl/mod_html_contact_information.html5
Cards
Dein LIDL Connect Guthaben wird automatisch aufgeladen, wenn es unter einen bestimmten Betrag fällt.
Dein LIDL Connect Guthaben wird automatisch einmal pro Monat jeweils am 02. des Monats aufgeladen.
Du kannst Dein LIDL Connect Guthaben zu einem späteren Zeitpunkt anpassen.
Du wurdest von einem Freund geworben? Falls ja, gib hier Deine lidl Connect Rufnummer ein und sichtert euch beide 5 € Guthaben.
b32
Notifications
info-box --danger
info-box --success
Modal
Vue Komponente
CustomModal => src/components/generic/CustomModal.vue
CustomModalWrapper => src/components/generic/CustomModalWrapper.vue