IDM241-Alpha

Alpha - Information

Overlay color #000637 with Transparency from 75% to 90% transition-duration 3 seconds.
Text font style Futura, Light Condense,color: #FFFFFF, font-size: 50, line-height: 60, letter-space: 5%, left-aligned, transitions from bottom left at 55% Transparency to center left at 100% over a duration of 3 seconds.
Learn more button (shape: rectangle with 33% rounded edge, color:#FFC915, font-style: futura, light condense, black, font-size: 35, line-height: 60, letter-space: 5%) transparency changes from 65% to 100% over 3 seconds with a white drop shadow (x:0, y:4, blur:4, spread:0, transparency:55%).
Slide Number Indicator (shape: rectangle with 33% rounded edge; color:#000637; height: 29px; width:165px;) located at bottom right of slide with 5 #FFC915 colored 2px stroke circles center aligned, with one circle filled with #FFC915, indicating slide number.

Overlay color #000637 with Transparency from 90% to 75% to 0% transition-duration between each percent is 3 .
Text font style Futura, Light Condense,color: #FFFFFF, font-size: 50, line-height: 60, letter-space: 5%, left-aligned, transitions from center left with a 100% tranparancy to 55% to 0% with a duration of 3 seconds between percents (synchronized with overlay transition)
Learn more button (shape: rectangle with 33% rounded edge, color: #FFC915, font-style: futura, light condense, black, font-size: 35, line-height: 60, letter-space: 5%) transparency changes from 100% to 55% to 0% over 3 seconds between percents.

System needs to provide database with slide number and then can retrieve the slide details with the learn more link.

Dark blue overlay with synchronized text fade in when hover on and fades out with hover off.
Learn more button fades in a few seconds after text positions in center of slide with hover in, and learn more button will fade out in synchronous with the text
Slide Number Indicator located at the bottom letting user know they are on third slide