Page type used: Accordion Tab with Icon and CTA
Can be used in all row options except:
- One column - 675px Width
- One column - Full width
Mobile: Shrinks but keeps the same look and feel
Logic:
- First tab is open by default but this option can be turned off
- Multiple tabs can be opened at once
- Unlimited number of tabs
- When using the light version the icon colours are reversed
Specs:
- Icon size: 30x30px
- Icons must be an SVG or PNG with transparency to properly toggle colours when opening an item
- Colour themes
- White
- Charcoal
- Light grey (F2)
- Grey (E7)
- CTA options
- 11 button styles
- 2 text styles
- Blue
- White
- CTA's can be opened in a new window
- Accordion tab uses a rich text editor
Charcoal version
Optional sub title
Optional - Character limit: 2000
Summary: Mandatory - Character limit: 2000
Is a rich text editor
Optional - Can open in new window - Character limit: 2000Second planet from the Sun
Venus rotates very slowly on its axis. One day on Venus lasts 243 Earth days and one orbit the Sun takes only about 225 Earth days. Venus has crushing air pressure at its surface - more than 90 times that of Earth - similar to the pressure you'd encounter a mile below the ocean on Earth.
Fifth planet from our sun
Jupiter rotates once about every 10 hours but takes about 12 Earth years to complete one orbit of the Sun. Jupiter has 80 moons but the more popular ones are: Io, Europa, Ganymede, and Callisto.
Explore JupiterSaturn takes about 10.7 hours to rotate on its axis once and 29 Earth years to orbit the sun. Saturn has the most spectacular ring system, with seven rings and several gaps and divisions between them. Saturn has 83 moons but the more popular ones are: Titan, Enceladus, Pheobe, and Prometheus.
Grey version
Left align accordion item titles
Optional - Character limit: 2000
Summary: Mandatory - Character limit: 2000
Is a rich text editor
Optional - Can open in new window - Character limit: 2000Second planet from the Sun
Venus rotates very slowly on its axis. One day on Venus lasts 243 Earth days and one orbit the Sun takes only about 225 Earth days. Venus has crushing air pressure at its surface - more than 90 times that of Earth - similar to the pressure you'd encounter a mile below the ocean on Earth.
Fifth planet from our sun
Jupiter rotates once about every 10 hours but takes about 12 Earth years to complete one orbit of the Sun. Jupiter has 80 moons but the more popular ones are: Io, Europa, Ganymede, and Callisto.
Explore JupiterSaturn takes about 10.7 hours to rotate on its axis once and 29 Earth years to orbit the sun. Saturn has the most spectacular ring system, with seven rings and several gaps and divisions between them. Saturn has 83 moons but the more popular ones are: Titan, Enceladus, Pheobe, and Prometheus.
White version
All items closed
Optional - Character limit: 2000
Summary: Mandatory - Character limit: 2000
Is a rich text editor
Optional - Can open in new window - Character limit: 2000Second planet from the Sun
Venus rotates very slowly on its axis. One day on Venus lasts 243 Earth days and one orbit the Sun takes only about 225 Earth days. Venus has crushing air pressure at its surface - more than 90 times that of Earth - similar to the pressure you'd encounter a mile below the ocean on Earth.
Fifth planet from our sun
Jupiter rotates once about every 10 hours but takes about 12 Earth years to complete one orbit of the Sun. Jupiter has 80 moons but the more popular ones are: Io, Europa, Ganymede, and Callisto.
Explore JupiterSaturn takes about 10.7 hours to rotate on its axis once and 29 Earth years to orbit the sun. Saturn has the most spectacular ring system, with seven rings and several gaps and divisions between them. Saturn has 83 moons but the more popular ones are: Titan, Enceladus, Pheobe, and Prometheus.
Light grey version
Optional - Character limit: 2000
Summary: Mandatory - Character limit: 2000
Is a rich text editor
Optional - Can open in new window - Character limit: 2000Second planet from the Sun
Venus rotates very slowly on its axis. One day on Venus lasts 243 Earth days and one orbit the Sun takes only about 225 Earth days. Venus has crushing air pressure at its surface - more than 90 times that of Earth - similar to the pressure you'd encounter a mile below the ocean on Earth.
Fifth planet from our sun
Jupiter rotates once about every 10 hours but takes about 12 Earth years to complete one orbit of the Sun. Jupiter has 80 moons but the more popular ones are: Io, Europa, Ganymede, and Callisto.
Explore JupiterSaturn takes about 10.7 hours to rotate on its axis once and 29 Earth years to orbit the sun. Saturn has the most spectacular ring system, with seven rings and several gaps and divisions between them. Saturn has 83 moons but the more popular ones are: Titan, Enceladus, Pheobe, and Prometheus.