INT - ariel-fer/Araena GitHub Wiki
Icons
Any way to download all the icons used on the page?
Header - Layer 1
No search icon, but leave the person icon, just disabled.
Header - Layer 2
Not for version 1, but we leave it here to make visible the different variations
Interesting thing is that this secondary header also follows the topic on the page
https://www.ibm.com/careers/uk-en/?lnk=fab
Header - Layer 3
Hero 1
https://www.ibm.com/quantum?lnk=ProdC
Hero 2
Hero 2 -
https://www.ibm.com/consulting/applications
https://www.ibm.com/consulting/government
https://www.ibm.com/industries/energy
https://www.ibm.com/consulting/cloud
Hero 3 -
https://www.ibm.com/careers/faq
https://www.ibm.com/careers/applicant-data-privacy
Secondary Page - Table of Contents
Secondary Page - Hero 2
Secondary Page - Overview
https://www.ibm.com/case-studies/humana
Case Study - Hero
https://www.ibm.com/case-studies/humana
Hero that slides
https://uk.newsroom.ibm.com/?lnk=fab_uken
Steps / Process
https://www.ibm.com/uk-en/resources/modernize/uk-storage-trade-in
Table of different products and what they include
https://www.ibm.com/products/spss-statistics/pricing?lnk=cardT
https://www.ibm.com/products/maas360/pricing?lnk=cardT
Referral
https://www.ibm.com/case-studies/humana
https://www.ibm.com/about/innovation-studio
Component
Make this one with one link at the bottom instead of two, should be sitting on the bottom of the component. Not sure is like this on the source site.
Like this one below
Services
Exactly like this. We will change the names of the services later on. Carry on with this style.
Component
There are multiple variations of this component
Component tabs
different variations of tabs
https://www.ibm.com/products/watsonx-governance
https://www.ibm.com/cloud?lnk=intro
https://www.ibm.com/security?lnk=prodC
- secondary https://www.ibm.com/financing
Component columns
this looks like the complete version
this one looks like the one before without logos
Case Study
https://www.ibm.com/cloud?lnk=intro
https://www.ibm.com/cloud?lnk=intro
https://www.ibm.com/security?lnk=prodC
Home page
Secondary page (with table of contents)
https://www.ibm.com/artificial-intelligence?lnk=prodC
https://www.ibm.com/artificial-intelligence?lnk=prodC
Download case study
Table for reference (not neeeded now)
https://www.ibm.com/watsonx/pricing
FAQ
https://www.ibm.com/products/spss-statistics/pricing?lnk=cardT
Footer
should look like this, hide the location component or leave default United Kingdom - English. Later on we will add internacionalization.
https://www.ibm.com/careers/uk-en/
Footer (Minimal)
Component
https://www.ibm.com/security?lnk=prodC
Component
https://www.ibm.com/security?lnk=prodC
Results
Story / Case Study
https://www.ibm.com/uk-en/consulting?lnk=intro
https://www.ibm.com/uk-en/consulting?lnk=intro
Partnerships
https://www.ibm.com/uk-en/consulting?lnk=intro
About
https://www.ibm.com/careers/uk-en/
Teams
https://www.ibm.com/careers/uk-en/
Subscribe
Sections / Table
Reviews
Next Steps
Case Studies for reference / content /etc
https://www.ibm.com/case-studies/search
https://www.ibm.com/case-studies/city-of-helsinki
Announcements / Newsletters
https://www.ibm.com/blog/announcements/?lnk=fab_uken
A kind of individual view for a news
Social impact
https://newsroom.ibm.com/latest-new-social-impact
Guy and image - text right
https://www.ibm.com/uk-en/careers/teams/enterprise-operations
Something that can be used for pretty much something similar as in the following, but should be on the second page level as a description and link to the things that go to the third level
https://www.ibm.com/uk-en/careers/teams/enterprise-operations
Create a "stay connected" section for the end of the sidebar
https://www.ibm.com/uk-en/careers/teams/enterprise-operations
