@font-face {font-family: 'SIFONN_PRO';src: url('https://joannapenabickley.com/wp-content/uploads/2021/01/SIFONN_PRO.woff') format('woff');}@font-face {font-family: 'Sifonn-Basic-Outline';src: url('https://joannapenabickley.com/wp-content/uploads/2024/05/Sifonn-Basic-Outline.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2024/05/Sifonn-Basic-Outline.woff') format('woff');}@font-face {font-family: 'Sifonn-Basic';src: url('https://joannapenabickley.com/wp-content/uploads/2024/05/Sifonn-Basic.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2024/05/Sifonn-Basic.woff2') format('woff2');}@font-face {font-family: 'Sifonn-Pro';src: url('https://joannapenabickley.com/wp-content/uploads/2024/05/Sifonn-Pro.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2024/05/Sifonn-Pro.woff') format('woff');}@font-face {font-family: 'IBMPlexSans-Medium';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSans-Medium.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-Italic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSans-Italic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-Thin';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSans-Thin.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-SemiBoldItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSans-SemiBoldItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-SemiBold';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSans-SemiBold.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-ThinItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSans-ThinItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-Regular';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSans-Regular.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-ExtraLightItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSans-ExtraLightItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-LightItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSans-LightItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-BoldItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSans-BoldItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-Bold';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSans-Bold.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-MediumItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSans-MediumItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-Light';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSans-Light.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-ExtraLight';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSans-ExtraLight.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-ExtraLight';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexMono-ExtraLight.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-Bold';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexMono-Bold.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-Light';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexMono-Light.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-SemiBold';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexMono-SemiBold.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-Regular';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexMono-Regular.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-BoldItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexMono-BoldItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-Italic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexMono-Italic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-Medium';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexMono-Medium.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-ExtraLightItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexMono-ExtraLightItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-LightItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexMono-LightItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-Thin';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexMono-Thin.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-SemiBoldItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexMono-SemiBoldItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-MediumItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexMono-MediumItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-ThinItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexMono-ThinItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-Bold';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSerif-Bold.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-BoldItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSerif-BoldItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-Light';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSerif-Light.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-Medium';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSerif-Medium.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-Italic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSerif-Italic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-ExtraLightItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSerif-ExtraLightItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-MediumItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSerif-MediumItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-LightItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSerif-LightItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-SemiBoldItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSerif-SemiBoldItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-ThinItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSerif-ThinItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-SemiBold';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSerif-SemiBold.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-Thin';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSerif-Thin.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-Regular';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSerif-Regular.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-ExtraLight';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSerif-ExtraLight.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-BoldItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-BoldItalic.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-BoldItalic.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-BoldItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-ExtraLight';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-ExtraLight.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-ExtraLight.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-ExtraLight.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-ExtraLightItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-ExtraLightItalic.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-ExtraLightItalic.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-ExtraLightItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-Bold';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-Bold.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-Bold.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-Bold.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-Light';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-Light.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-Light.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-Light.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-Italic';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-Italic.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-Italic.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-Italic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-LightItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-LightItalic.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-LightItalic.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-LightItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-Medium';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-Medium.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-Medium.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-Medium.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-Regular';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-Regular.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-Regular.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-Regular.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-ThinItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-ThinItalic.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-ThinItalic.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-ThinItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-SemiBold';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-SemiBold.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-SemiBold.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-SemiBold.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-SemiBoldItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-SemiBoldItalic.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-SemiBoldItalic.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-SemiBoldItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-MediumItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-MediumItalic.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-MediumItalic.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-MediumItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-Thin';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-Thin.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-Thin.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-Thin.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-Bold';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-Bold.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-Bold.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-Bold.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-BoldItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-BoldItalic.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-BoldItalic.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-BoldItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-Italic';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-Italic.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-Italic.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-Italic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-ExtraLightItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-ExtraLightItalic.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-ExtraLightItalic.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-ExtraLightItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-ExtraLight';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-ExtraLight.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-ExtraLight.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-ExtraLight.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-Light';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-Light.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-Light.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-Light.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-Regular';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-Regular.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-Regular.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-Regular.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-LightItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-LightItalic.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-LightItalic.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-LightItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-Medium';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-Medium.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-Medium.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-Medium.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-MediumItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-MediumItalic.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-MediumItalic.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-MediumItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-Thin';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-Thin.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-Thin.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-Thin.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-SemiBold';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-SemiBold.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-SemiBold.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-SemiBold.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-SemiBoldItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-SemiBoldItalic.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-SemiBoldItalic.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-SemiBoldItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-ThinItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-ThinItalic.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-ThinItalic.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-ThinItalic.ttf') format('truetype');}@font-face {font-family: 'Sifonn-Basic';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/Sifonn-Basic.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/Sifonn-Basic.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/Sifonn-Basic.ttf') format('truetype');}@font-face {font-family: 'Sifonn-Basic-Outline';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/Sifonn-Basic-Outline.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/Sifonn-Basic-Outline.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/Sifonn-Basic-Outline.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-BoldItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSerif-BoldItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-Light';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSerif-Light.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-ExtraLightItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSerif-ExtraLightItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-Medium';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSerif-Medium.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-ExtraLight';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSerif-ExtraLight.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-Italic';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSerif-Italic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-SemiBold';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSerif-SemiBold.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-MediumItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSerif-MediumItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-Thin';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSerif-Thin.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-ThinItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSerif-ThinItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-Regular';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSerif-Regular.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-SemiBoldItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSerif-SemiBoldItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-LightItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSerif-LightItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-Bold';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSerif-Bold.ttf') format('truetype');}@font-face {font-family: 'JosefinSans-Italic-VariableFont_wght';src: url('https://joannapenabickley.com/wp-content/uploads/2024/05/JosefinSans-Italic-VariableFont_wght.ttf') format('truetype');}@font-face {font-family: 'JosefinSans-VariableFont_wght';src: url('https://joannapenabickley.com/wp-content/uploads/2024/05/JosefinSans-VariableFont_wght.ttf') format('truetype');}@font-face {font-family: 'JosefinSans-Italic-VariableFontwght';src: url('https://joannapenabickley.com/wp-content/uploads/2024/05/JosefinSans-Italic-VariableFontwght.eot');src: url('https://joannapenabickley.com/wp-content/uploads/2024/05/JosefinSans-Italic-VariableFontwght.ttf') format('truetype');src: url('https://joannapenabickley.com/wp-content/uploads/2024/05/JosefinSans-Italic-VariableFontwght.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2024/05/JosefinSans-Italic-VariableFontwght.woff2') format('woff2');}@font-face {font-family: 'JosefinSans-VariableFontwght';src: url('https://joannapenabickley.com/wp-content/uploads/2024/05/JosefinSans-VariableFontwght.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2024/05/JosefinSans-VariableFontwght.ttf') format('truetype');src: url('https://joannapenabickley.com/wp-content/uploads/2024/05/JosefinSans-VariableFontwght.woff2') format('woff2');} @font-face { font-family: 'JosefinSans-VariableFont_wght'; src: url('https://joannapenabickley.com/wp-content/uploads/2024/05/JosefinSans-VariableFontwght.eot') format('embedded-opentype'), url('https://joannapenabickley.com/wp-content/uploads/2024/05/JosefinSans-Italic-VariableFontwght.eot') format('embedded-opentype'), url('https://joannapenabickley.com/wp-content/uploads/2024/05/JosefinSans-VariableFontwght.woff2') format('woff2'), url('https://joannapenabickley.com/wp-content/uploads/2024/05/JosefinSans-Italic-VariableFontwght.woff2') format('woff2'), url('https://joannapenabickley.com/wp-content/uploads/2024/05/JosefinSans-VariableFontwght.woff') format('woff'), url('https://joannapenabickley.com/wp-content/uploads/2024/05/JosefinSans-Italic-VariableFontwght.woff') format('woff'), url('https://joannapenabickley.com/wp-content/uploads/2024/05/JosefinSans-VariableFont_wght.ttf') format('truetype'), url('https://joannapenabickley.com/wp-content/uploads/2024/05/JosefinSans-Italic-VariableFontwght.ttf') format('truetype'), url('https://joannapenabickley.com/wp-content/uploads/2024/05/JosefinSans-VariableFontwght.svg#JosefinSans') format('svg'); }
Apps · Design & UI · The Soap Box · Web 2.0

on: internet design – art direction and elements

gravatar
By Joanna Peña-Bickley
 · 
September 11, 2010
 · 
2 min read

"The Web Is Dead." This month's Wired magazine proclaims "Long Live The Internet." So what does that mean for Web designers? We must evolve to Internet Design! From apps to content everything has changed. The rise of NUI [touch screen or natural user interface] and mobile based hardware is driving lighter, simpler services and apps. This evolution has tremendous impact for designers. In Part One I covered Layout, In Part Two: Typography, In Part Three: Color. Today we I will focus on art direction & elements.

Part Four: The Art of Design

The visual metaphor, typography, textures, information graphics, surreal, illustration... you name it I have done it. Art direction is where I love to play and dramatize the idea.  When it comes to apps this is where you can have some real fun!  Your creativity can go wild here with texture, icons, patterns, etc. Keep in mind that design elements also play a big role in setting the mood of the design. So keep things consistent with the goals of the website and it’s audience. Also keep the design elements consistent with the other three components (Layout, Typography and Color) already mentioned.


Consistency in action

The designer of Red Velvet Art did an excellent job of utilizing the same hand drawn style throughout the various design elements. Notice how the icons, background pattern and doodles all work together. The consistency also flows through to the typography and retro color scheme.

web design

web design

Attention to detail

The Squarespace blog has a typical blog layout and an overall clean design, but notice the pixel perfect tick marks that line the left and right borders of the content area. It’s such a minimal design element, but it serves it’s purpose in establishing focus on the content while staying consistent with the rest of the design.

web design

web design

Less really is more

This design could have worked well on a white background, but Elliot Jay Stocks loves using texture. To stay consistent with the open feel of the site, he went with a light and subtle grunge texture. It works because it doesn’t take away from the minimalism of the layout and still adds another layer of interest to the design.
 

web design

[examples on art direction via WDL]

Tagged: app design · Elliot Jay Stocks · illustration · information graphics · internet design · layout · Red Velvet Art · Squarespace · surreal · textures · typography · typography and color · visual metaphor
Comments
Kevin Beamer
February 6, 2012 at 3:37 pm
Your point on less being more is very important to consider when creating a blog. Blog owners usually get excited when making a blog, which is why they have the tendency to fill out their webpage without thinking of readability and accessibility of information. You can actually lose more visitors that way.
Reply
Aiden Carns
July 6, 2011 at 2:14 pm
Girls would probably dig the 1st web design! It’s so girly, colorful, playful and gorgeous! The hand-drawn elements probably made it look cuter! However, I have to agree with the last part that says, “Less really is more”. That’s right! People wouldn’t like to view a website that’s full of exaggerated graphic designs and unnecessary texts! Simplicity is beauty, right? 🙂
Reply
orange county web designer
October 12, 2010 at 7:12 am
All the Adobe software products……..but Adobe Photoshop and Adobe Illustrator are the two biggest ones you’ll need to get familiar with. If you’re planning on going to school for graphic design, you’ll need to get that software anyway, and plus you’ll have an edge over all the other students if you already know a little bit about the programs.
Reply

Leave a Reply or Thought

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Inspiring Orator

Desktop-4

Joanna is regarded as a thought leader and headline speaker at the conferences. Her subject matter expertise in AI, Ethics & Workforce Development is customized to inspire and influence global audiences. 

+ View Talks | + Book Joanna To Speak
 
+ Ready-To-Wear The Future Blog
+ CognitiveExperience.design
+ AiDesignCorps.org

Featured Talks
Desktop-1

Artificial intelligence (AI) is the tool of the modern inventors. Amidst the great global transition, AI aided product design accelerates what is invariable complex seem indistinguishable from magic.

+ Presentations | + Videos  | + Articles

Host of Designed By
Desktop – 2

DesignedBy.show invites you to join the audacious trailblazers transforming our world for the next 100 years.

CONNECT WITH JOANNA AND COMPANY AS SHE EXPLORES SPACESHIP EARTH

JoannaPenaBickley_Logo_White
LOGO-CXD
VibesAi_Logo_White
Logo_NoBox_w
twitter-1
instagram-1
facebook-1
youtube-1
Linktree44

Discover more from Joanna Peña-Bickley | AI Pioneer + Design Engineer

Subscribe now to keep reading and get access to the full archive.

Continue reading

Share via
Facebook
Twitter
LinkedIn
Mix
Pinterest
Tumblr
Skype
Buffer
Pocket
VKontakte
Parler
Xing
Reddit
Line
Flipboard
MySpace
Delicious
Amazon
Digg
Evernote
Blogger
LiveJournal
Baidu
MeWe
NewsVine
Yummly
Yahoo
WhatsApp
Viber
SMS
Telegram
Facebook Messenger
Like
Email
Print
Copy Link
Powered by Social Snap
Copy link
CopyCopied
Powered by Social Snap