yesidc / toolbox

GNU Affero General Public License v3.0

1 stars 0 forks source link

Beautify landing page #75

Closed LyLutter closed 1 year ago

LyLutter commented 1 year ago

Startseite

mehr auf Abstände achten, damit es mehr atmen kann
Überschrift 7-10% mehr Abstand zum Rand
Infobullet Bereich mit mehr passing weiter in die Mitte und transparenter weißer Hintergrundbereich
Button auf das Bild
Hintergrund von dem Bildcontainer weg machen: transparent

Slides

HEX code um den Kontrast zu checken sonst transparenz ins Rot rein machen

Text in slides mehr mitig
Qucik start weiter vom Slide RAnd weg rücken
mehr padding in der Überschrift s1 zb 20/30 px
3 Legosteine würden auch reichen

LyLutter commented 1 year ago

Toolbox color palette:

0a1f40 (dark blue)

ECF9FC (Background baby blue)

#

Text color: https://color.adobe.com/de/create/color-contrast-analyzer for tabs? Slide color and text contrast: https://color.adobe.com/de/create/color-contrast-analyzer

LyLutter commented 1 year ago

figma design https://www.figma.com/file/OzdDvR31pXausuy4z8Z7na/Landing-page-Toolbox?node-id=0%3A1&t=06lIfRW5zVhUiIQB-1

LyLutter commented 1 year ago

Final design https://www.figma.com/file/RwGRCAObtEuY3f8maQvg9A/final-landing-page?type=design&node-id=0%3A1&mode=design&t=ljpbSf8NLAZ4G05u-1