API Studios
API Studios
API Studios
API Studios
API Studios
API Studios
API Studios
We are a dynamic and innovative collective combining creativity, intelligence, and expertise to tailor digital experiences and connected brands that resonates with audiences on a deeper level. A creative comunity where design and technology harmonize to create remarkable brands and digital experiences.
TXT
API Studios
p-xl: I'm baby wolf unicorn jean shorts green juice jianbing, post-ironic helvetica VHS la croix farm-to-table. Palo santo raw denim waistcoat intelligentsia affogato quinoa hoodie sus paleo flannel squid austin cardigan fashion axe forage. Vexillologist humblebrag paleo yr, retro small batch bodega boys stumptown gatekeep.
p-l: I'm baby wolf unicorn jean shorts green juice jianbing, post-ironic helvetica VHS la croix farm-to-table. Palo santo raw denim waistcoat intelligentsia affogato quinoa hoodie sus paleo flannel squid austin cardigan fashion axe forage. Vexillologist humblebrag paleo yr, retro small batch bodega boys stumptown gatekeep.
p-m: I'm baby wolf unicorn jean shorts green juice jianbing, post-ironic helvetica VHS la croix farm-to-table. Palo santo raw denim waistcoat intelligentsia affogato quinoa hoodie sus paleo flannel squid austin cardigan fashion axe forage. Vexillologist humblebrag paleo yr, retro small batch bodega boys stumptown gatekeep.
p-s: I'm baby wolf unicorn jean shorts green juice jianbing, post-ironic helvetica VHS la croix farm-to-table. Palo santo raw denim waistcoat intelligentsia affogato quinoa hoodie sus paleo flannel squid austin cardigan fashion axe forage. Vexillologist humblebrag paleo yr, retro small batch bodega boys stumptown gatekeep.
p-xs: I'm baby wolf unicorn jean shorts green juice jianbing, post-ironic helvetica VHS la croix farm-to-table. Palo santo raw denim waistcoat intelligentsia affogato quinoa hoodie sus paleo flannel squid austin cardigan fashion axe forage. Vexillologist humblebrag paleo yr, retro small batch bodega boys stumptown gatekeep.
Clamp
Scale Size css
:root {
/* HEADING SIZE SCALE */
/* https://www.fluid-type-scale.com/calculate?minFontSize=20&minWidth=400&minRatio=1.25&maxFontSize=60&maxWidth=1280&maxRatio=1.333&steps=6%2C5%2C4%2C3%2C2%2C1%2Ctitle&baseStep=4&prefix=h&decimals=2&useRems=on&remValue=16&previewFont=Inter&previewText=Almost+before+we+knew+it%2C+we+had+left+the+ground&previewWidth=1200 */
--h6: clamp(0.75rem, 0.6932rem + 0.2273vw, 0.875rem);
--h5: clamp(1rem, 3.3vw + 0.18rem, 2.81rem);
--h4: clamp(1.25rem, 4.55vw + 0.11rem, 3.75rem);
--h3: clamp(1.56rem, 6.25vw + 0rem, 5rem);
--h2: clamp(1.95rem, 8.56vw + -0.19rem, 6.66rem);
--h1: clamp(2.44rem, 11.71vw + -0.49rem, 8.88rem);
--h-title: clamp(3.05rem, 15.98vw + -0.94rem, 11.84rem);
/* TEXT SIZE SCALE */
/* https://www.fluid-type-scale.com/calculate?minFontSize=16&minWidth=320&minRatio=1.125&maxFontSize=18&maxWidth=1280&maxRatio=1.2&steps=xs%2Cs%2Cm%2Cl%2Cxl&baseStep=m&prefix=p&decimals=2&useRems=on&remValue=16&previewFont=Inter&previewText=Almost+before+we+knew+it%2C+we+had+left+the+ground&previewWidth=900 */
--p-xs: clamp(0.79rem, -0.01vw + 0.79rem, 0.78rem);
--p-s: clamp(0.89rem, 0.08vw + 0.87rem, 0.94rem);
--p-m: clamp(1rem, 0.21vw + 0.96rem, 1.13rem);
--p-l: clamp(1.13rem, 0.37vw + 1.05rem, 1.35rem);
--p-xl: clamp(1.27rem, 0.59vw + 1.15rem, 1.62rem);
}