UI AUDIT
Alle mikro-elementer samlet til gennemsyn
Juice Icon Spec
Canvas: 24×24
Render: 24×24px
Stroke: 1.25px
Caps: square
Joins: miter
Fill: none (stroke only)
Color: currentColor
Menu: 2 lines
Source: inline SVG
Close & Remove Buttons
Cart panel close
.et-close →
Menu close
#mobile-menu .et-close
Cart item remove
.juice-cart-remove
Wishlist remove
.juice-wishlist-remove-icon
Header Icons
Menu
.juice-menu-toggle
Search
.juice-search-toggle
Account
.juice-account-toggle
3
Cart + badge
.juice-cart-count
Cart Icon — Pick One
A: Bag
Rectangle + handles
B: Tote
Tapered bottom + handles
C: Basket
Open top + angled handles
D: Box
Flat lid + short handles
Icon Library — By Source
JUICE UI — Custom
Menu
Search
Account
Cart
JUICE UI — Timeline (mu-plugin)
check
package
arrived
gear
tooth
cast
sparkle
JUICE UI — Unicode Characters
×
Remove ×
U+00D7
→
Arrow →
U+2192
←
Arrow ←
U+2190
▾
Chevron ▾
U+25BE
GOYA — Feather Icons (active)
Used by parent theme for shop, navigation, product actions. Not Juice-owned.
search
user
heart
menu
share
shopping-bag
shopping-cart
sliders
x
arrow-left
arrow-right
chevron-left
chevron-right
grid
grid-small
maximize
minus
plus
play
GOYA — Feather Icons (unused)
Sitting in parent theme directory, not referenced anywhere. Safe to ignore.
camera
check
check-circle
filter
list
log-out
mail
maximize-2
message-circle
next_arrow
phone
play-circle
plus-square
prev_arrow
square
video
Buttons (hover to test)
.juice-submit--filled / .button.checkout
.juice-submit / .button:not(.checkout)
.juice-submit (login page variant)
Checkboxes (click to toggle)
Login + Marketing (12px / 2px border)
Filter checkbox (14px / 1.5px border)
Toggle Switches (click to toggle)
.juice-settings-toggle (32×16)
Accordion Chevrons
Processen
▾
.juice-accordion-chevron (collapsed)
Processen
▾
.juice-accordion-chevron (expanded)
Navigation Arrows
Related prev
.juice-related-prev
Related next
.juice-related-next
Booking cal prev
.juice-booking-cal-nav
Checkout back
.juice-checkout-back
Badges & Indicators
3
Cart count
.minicart-counter
3
Header cart badge
.juice-cart-count
DENNE ENHED
Session badge
.juice-settings-session__badge
Calendar today dot
.juice-booking-cal-day::after
Form Inputs & Underlines
bruger@juice.dk
.juice-underline-static + .juice-underline-animated (focused)
••••••••
.juice-underline-static (unfocused)
Dividers
ELLER
.juice-login-divider
Process Step Icons
1
Bestilling
2
Aftryk
3
Produktion
4
Levering
.juice-process-icon (44×44, 1px border)
Typography Scale (Inter)
Page Headings
SERVICES
28px / 400 / 5.6px / uppercase — .juice-services-title
Services
KATEGORI
32px / 400 / 4.8px / uppercase — .juice-category-title
Kategori
OVERSKRIFT
28px / 300 / 6px / uppercase — .juice-login-heading
LoginRegister
UNDERKATEGORI
24px / 400 / 3.6px / uppercase — .juice-subcat-title
Kategori
Section & Panel Titles
BLOK TITEL
28px / 400 / 5.6px / uppercase — .juice-services-section-title
Services
Indkøbskurv
13px / 500 / 1px — .side-panel-title
IndkøbskurvSøgning
RELATEREDE PRODUKTER
11px / 500 / 1.7px / uppercase — .juice-related h2
ProduktTabs
Body Text & Descriptions
Brødtekst med normal kontrast og læsbarhed.
13px / 400 / 0.3px — base body
SøgningServicesProdukt
Underoverskrift med lavere kontrast
13px / 400 / rgba 0.55 — .juice-login-subtitle
LoginRegister
Sekundær tekst i tabeller og detaljer
12px / 400 / 0.5px
KurvTabsFormularer
Labels & Small Caps
AFTRYKSÆT
11px / 600 / 2px / uppercase — .juice-kit-label
Produkt
LOG IND MED FACEBOOK
10px / 500 / 1px / uppercase — .juice-social-btn
Login
POPULÆRT
10px / 500 / 1px / uppercase — .juice-search__label
SøgningKonto
POPULÆRE SØGNINGER
10px / 500 / 1px / uppercase — .juice-search__heading
Søgning
Hjem / Caps / Hævet
10px / 400 / 1px / uppercase — .juice-breadcrumbs
KategoriNavigation
Product Names & Prices
Hævet — 1 Tand
12px / 500 / 0.2px — .juice-cart-title a
IndkøbskurvKurv
900 kr.
13px / 400 / 0.3px — .juice-cart-price
Indkøbskurv
1.200 kr.
13px / 500 / 0.3px — .woocommerce-mini-cart__total .amount
Indkøbskurv
Sterling Sølv
11px / 400 / rgba 0.5 — .variation dd
Indkøbskurv
Buttons
GÅ TIL KASSEN
12px / 500 / 1.2px / uppercase — .button.checkout
KurvProdukt
TILFØJ TIL KURV
11px / 500 / 1.7px / uppercase — .woocommerce .cart .button
KurvShop
Badges & Indicators
3
10px / 600 — .juice-cart-count
Header
TILBUD
9px / 500 / 1.1px / uppercase — .woocommerce span.onsale
Shop
Navigation
TIL HAM
13px / 400 / 2.3px / uppercase
Menu
Mine Ordrer
11px / 500 / 1.5px — .juice-account__nav a
Konto
Footer
Kolonne Overskrift
clamp(18px, 1.6vw, 28px) / 400 — .juice-footer__col h2
Footer
Footer links og brødtekst
clamp(11px, 0.85vw, 13px) / 400 — .juice-footer__nav a
Footer
Copyright text
12px / 400 / 2px — .juice-footer__copyright
Footer